[javascript] jquery를 사용하여 드롭 다운에서 첫 번째 요소를 선택하는 방법은 무엇입니까?

jquery를 사용하여 내 페이지의 모든 선택 태그에서 첫 번째 옵션을 선택하는 방법을 알고 싶습니다.

이것을 시도 :

$('select option:nth(0)').attr("selected", "selected");

하지만 작동하지 않았다

이것을 시도하십시오 …

$('select option:first-child').attr("selected", "selected");

또 다른 옵션은 이것이지만 아래에 코딩 된대로 한 번에 하나의 드롭 다운 목록에서만 작동합니다.

var myDDL = $('myID');
myDDL[0].selectedIndex = 0;

가치를 기반으로 설정하는 방법에 대한이 게시물을 살펴보십시오. 흥미롭지 만이 특정 문제에 대해서는 도움이되지 않습니다.

선택기가 잘못되었습니다. 아마도 찾고 있었을 것입니다.

$('select option:nth-child(1)')

이것은 또한 작동합니다.

$('select option:first-child')

RSolgberg에 대한 Ana 대체 솔루션 'onchange': 존재 하는 경우 이벤트 를 발생시킵니다 .

$("#target").val($("#target option:first").val());

$("#DDLID").val( $("#DDLID option:first-child").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";