매우 간단한 JS 보조 및 다중 레벨 링키지의 간단한 예

매우 간단한 JS 연결 코드이지만 jQuery와 함께 사용해야하므로 JS 라이브러리가 필요하지 않은 코드로 직접 수정할 수도 있습니다.

다음과 같이 코드 코드를 복사하십시오.

<tr>

<th> 첫 번째 수준 분류 </th> <td>

<select name = "subsidary_cat_id"onchange = "linkage ( '. subsidary_cat_id', '. cat_id');">

<옵션> </옵션>을 선택하십시오

</선택>

<script language = "javaScript">

var linkage_data = {$ list_file_category};

함수 연결 (parent_dom, son_dom) {

var parent_id = 0;

if (parent_do) {

paint_id = $ (parent_do);

}

$ (son_dom) .empty (); // 드롭 다운을 먼저 지우십시오

var html = '<pluxt> </옵션>'을 선택하십시오;

$ .Each (Linkage_Data, 함수 (키, 값) {

if (value.parent_id == paint_id) {

html+= "<옵션 값 = '"+value.id+"'>" "+value.name+"</옵션> "";

}

});

$ (son_dom) .append (html);

}

Linkage ( '', ". Supsidiary_cat_id") // 상위 레벨 노드가 아님, 첫 번째 수준의 데이터로 표시됩니다.

</스크립트>

</td> </tr>

<tr> <th> 2 차 디렉토리 </th> <td>

<select name = "cat_id">

<옵션> </옵션>을 선택하십시오

</select> </td> </tr>