jquery를 사용하여 내 페이지의 모든 선택 태그에서 첫 번째 옵션을 선택하는 방법을 알고 싶습니다.
이것을 시도 :
$('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에 대한 Ana 대체 솔루션 'onchange'
: 존재 하는 경우 이벤트 를 발생시킵니다 .
$("#target").val($("#target option:first").val());
답변
답변
당신이 원하는 것은 아마 :
$("select option:first-child")
이 코드
attr("selected", "selected");
은 “selected”속성을 “selected”로 설정하는 것입니다.
선택한 옵션을 원하는 경우 첫 번째 하위 항목인지 여부에 관계없이 선택기는 다음과 같습니다.
$("select").children("[selected]")
답변
이전 답변이 최신 버전의 jQuery에서 작동하지 않기 때문에 대답하고 있습니다. 언제 작동이 멈췄는지 모르겠지만 문서에 따르면 .prop ()는 jQuery 1.6 이후 속성을 가져 오거나 설정하는 데 선호되는 방법이었습니다.
이것이 내가 작동하는 방법입니다 (jQuery 3.2.1 사용).
$('select option:nth-child(1)').prop("selected", true);
나는 knockoutjs를 사용하고 있으며 변경 바인딩이 위의 코드로 실행되지 않았으므로 끝에 .change ()를 추가했습니다.
내 솔루션에 필요한 것은 다음과 같습니다.
$('select option:nth-child(1)').prop("selected", true).change();
http://api.jquery.com/prop/ 문서의 .prop () 노트를 참조 하십시오.
답변
다음은 javascript
대부분의 경우에 작동 하는 간단한 솔루션입니다.
document.getElementById("selectId").selectedIndex = "0";