programing

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

lovejava 2023. 8. 17. 20:31

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() );

Jquery를 사용한 전체 드롭다운 목록 작업

원하는 것은 다음과 같습니다.

$("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