jquery를 사용하여 드롭다운에서 첫 번째 요소를 선택하는 방법은 무엇입니까?
jquery를 사용하여 내 페이지의 모든 select tags에서 첫 번째 옵션을 선택하는 방법을 알고 싶습니다.
시도:
$('select option:nth(0)').attr("selected", "selected");
하지만 효과가 없었습니다.
이것 좀 시험해 보세요...
$('select option:first-child').attr("selected", "selected");
다른 옵션은 이것이지만 아래 코드에 따라 한 번에 하나의 드롭다운 목록에서만 작동합니다.
var myDDL = $('myID');
myDDL[0].selectedIndex = 0;
가치를 기반으로 설정하는 방법에 대한 이 게시물을 살펴보십시오. 흥미롭지만 이 특정 문제에 대해 도움이 되지는 않습니다.
jQuery를 사용하여 드롭다운 목록의 선택한 값 변경
선택기가 잘못됐어요, 아마 당신이 찾고 있었을 거예요.
$('select option:nth-child(1)')
이 기능은 다음과 같습니다.
$('select option:first-child')
RSolgberg를 위한 대안적인 솔루션은 다음과 같습니다.'onchange'
이벤트(있는 경우):
$("#target").val($("#target option:first").val());
jQuery로 <선택>의 첫 번째 옵션을 선택하는 방법은?
$("#DDLID").val( $("#DDLID option:first-child").val() );
원하는 것은 다음과 같습니다.
$("select option:first-child")
이 코드의 내용
attr("selected", "selected");
이 작업은 "선택됨" 특성을 "선택됨"으로 설정하는 것입니다.
첫 번째 자식인지 여부에 관계없이 선택한 옵션을 원하는 경우 선택기는 다음과 같습니다.
$("select").children("[selected]")
이전 답변들이 jQuery의 최신 버전과 함께 작동하지 않아 답변드립니다.언제부터 작동이 중단되었는지는 알 수 없지만, 문서에 따르면 jQuery 1.6 이후로 .prop()가 속성을 가져오거나 설정하는 방법으로 선호되고 있습니다.
jQuery 3.2.1을 사용하여 다음과 같이 작동하게 되었습니다.
$('select option:nth-child(1)').prop("selected", true);
저는 녹아웃js를 사용하고 있는데 위 코드로 변경 바인딩이 실행되지 않아 끝에 .change()를 추가했습니다.
솔루션에 필요한 것은 다음과 같습니다.
$('select option:nth-child(1)').prop("selected", true).change();
다음 문서의 .prop() 참고 사항을 참조하십시오. http://api.jquery.com/prop/
여기 간단한 것이 있습니다.javascript
대부분의 경우 작동하는 솔루션:
document.getElementById("selectId").selectedIndex = "0";
첫 번째 자식인지 여부에 관계없이 선택한 옵션의 텍스트를 확인하려면 이 옵션을 선택합니다.
var a = $("#select_id option:selected").text();
alert(a); //check if the value is correct.
if(a == "value") {-- execute code --}
var arr_select_val=[];
$("select").each(function() {
var name=this.name;
arr_select_val[name]=$('select option:first-child').val();
});
// Process the array object
$('.orders_status_summary_div').print(arr_select_val);
언급URL : https://stackoverflow.com/questions/1394550/how-to-select-the-first-element-in-the-dropdown-using-jquery
'programing' 카테고리의 다른 글
UIStatusBarStyle이 Swift에서 작동하지 않음 (0) | 2023.08.17 |
---|---|
Iframe 없이 외부 페이지를 포함하시겠습니까? (0) | 2023.08.17 |
event.preventDefault()(jQuery 사용)를 호출하는 수신기의 바인딩을 해제하는 방법은 무엇입니까? (0) | 2023.08.17 |
Y축이 정수만 사용하도록 강제하는 방법 (0) | 2023.08.17 |
MySQL에서 Forward Engineering을 시도하는 동안 오류 1064가 발생했습니다. (0) | 2023.08.17 |