내용 업데이트 Jquery를 통한 드롭 다운 목록

Question

다음과 관련하여 어려움을 겪고 있습니다.

처음에는 두 개의 풀다운 메뉴가 있습니다. 메뉴 1은 공급자와 (현재) 데이터베이스에있는 모든 크기의 사진으로 두 번째 풀다운입니다. 제가 가고 싶은 곳은 공급 업체를 선택할 때 두 번째 풀다운 메뉴가이 공급 업체가 제공하는 옵션으로 변경된다는 것입니다. 지금까지 Jquery를 사용하는 것이 어렵지 않고 출력을 사용하여 두 번째 풀다운 메뉴를 업데이트합니다.

이제 어려운 부분이 있습니다. 두 번째 드롭 다운을 사용하여 정보를 삽입합니다. 두 번째 풀다운 메뉴는 12 개가 될 수 있습니다. 모두 동일합니다. JS 스크립트를 사용하여 양식의 테이블 행을 복사합니다. ID는 고유해야하므로 이러한 풀다운에는 ID가 없습니다.

첫 번째 풀다운 메뉴의 변경시 이러한 '두 번째'풀다운 메뉴를 모두 업데이트 할 수 있습니까? 그렇다면 어떻게 될 수 있습니까? 아래의 드롭 다운의 업데이트 트리거한다

첫 번째 풀다운 :

<select name="leverancier" id="leveranciers"> 
    <option value="1">Supplier 1</option> 
    <option value="2">Supplier 2</option> 
</select> 

이 부분은 중복됩니다 :

<tr> 
<td> 
<select name="type[]" class="test"> 
    <option value="1">9x13</option> 
    <option value="2">10x15</option> 
    <option value="3">11x14</option> 
</select>   
</td> 
<td><input type="text" name="min_euro[]"></td> 
<td><input type="text" name="max_euro[]"></td> 
</tr> 

<tr> 
<td> 
<select name="type[]" class="test"> 
    <option value="1">9x13</option> 
    <option value="2">10x15</option> 
    <option value="3">11x14</option> 
</select>   
</td> 
<td><input type="text" name="min_euro[]"></td> 
<td><input type="text" name="max_euro[]"></td> 
</tr> 

감사

을

랄프

Answer 1

주고 각 보조 SELECT 같은 클래스.

그런 다음 해당 클래스를 대상으로 보조 SELECT를 업데이트하는 기본 SELECT에서 이벤트 처리기를 정의하십시오.

예 :

jQuery('#leveranciers').bind('change', function(event) { 
    // somehow determine the new set of options for all secondary SELECTs 
    jQuery('SELECT.secondary').each(function(i, e) { 
    jQuery(e).html(newOptionsMarkup); 
    }); 
    return true; 
}); 

(.. 끔찍한 .html() 기반 접근 방식을 무시하십시오 중요한 부분이 업데이트가 목표하는 방법입니다)