[jquery] jQuery를 사용하여 DropDownList의 값을 설정하려면 어떻게해야합니까?

Program / 글쓴이

질문에서 알 수 있듯이 jQuery를 사용하여 DropDownList 컨트롤의 값을 어떻게 설정합니까?

답변

$("#mydropdownlist").val("thevalue");

옵션 태그의 값이 val 메소드의 값과 일치하는지 확인하십시오.

답변

인덱스를 사용하는 경우 .attr ()을 사용하여 선택한 인덱스를 직접 설정할 수 있습니다.

$("#mydropdownlist").attr('selectedIndex', 0);

드롭리스트의 첫 번째 값으로 설정됩니다.

편집 :
내가 위에서했던 방식으로 작동했습니다. 그러나 더 이상 그렇지 않은 것 같습니다.

그러나 Han이 의견에서 유쾌하게 지적한 것처럼 올바른 방법은 다음과 같습니다.

$("#mydropdownlist").get(0).selectedIndex = index_here;

답변

@Nick Berardi가 제안한대로 변경된 값이 UI 프론트 엔드에 반영되지 않으면 다음을 시도하십시오.

$("#mydropdownlist").val("thevalue").change();

답변

이 매우 간단한 접근법을 시도하십시오.

/*make sure that value is included in the options value of the dropdownlist
e.g.
(<select><option value='CA'>California</option><option value='AK'>Alaska</option>      </select>)
*/

$('#mycontrolId').val(myvalue).attr("selected", "selected");

답변

드롭 다운이 Asp.Net 드롭 다운 인 경우 아래 코드가 정상적으로 작동합니다.

 $("#<%=DropDownName.ClientID%>")[0].selectedIndex=0;

그러나 DropDown이 HTML 드롭 다운 인 경우이 코드가 작동합니다.

 $("#DropDownName")[0].selectedIndex=0;

답변

질문에 가장 적합한 답변 :

$("#comboboxid").val(yourvalue).trigger("chosen:updated");

예 :

$("#CityID").val(20).trigger("chosen:updated");

또는

$("#CityID").val("chicago").trigger("chosen:updated");

답변

설정 값 및 업데이트 드롭 다운리스트 이벤트

$("#id").val("1234").change();