html select 요소의 선택된 옵션 값을 검색하고 설정하기 위한 jQuery

html select 요소의 선택된 옵션 값을 검색하고 설정하기 위한 jQuery

선택 요소(드롭다운 목록)의 선택된 값을 jQuery로 검색하여 설정하려고 합니다.

내가 시도한 검색을 위해.$("#myId").find(':selected').val(),게다가$("#myId").val()하지만 둘 다 정의되지 않았습니다.

이 문제에 대한 통찰력을 주시면 감사하겠습니다.

실제 선택된 항목을 가져오거나 설정합니다.선택한 요소의 인덱스 속성 사용:

$("#select-id").prop("selectedIndex");

$("#select-id").prop("selectedIndex",1);

현재로서는 당신이 가지고 있는 방식이 맞습니다.선택 항목의 ID가 사용자가 말한 내용이 아니거나 도메인에 문제가 있습니다.

요소의 ID를 확인하고 W3c에서 마크업 유효성을 확인합니다.

유효한 dom jQuery가 없으면 선택기에서 올바르게 작동할 수 없습니다.

ID가 올바르고 돔의 유효성이 확인되면 다음이 적용됩니다.

읽으려면 옵션 값 선택

$('#selectId').val();

설정하려면 옵션 값 선택

$('#selectId').val('newValue');

선택한 텍스트 읽기

$('#selectId>option:selected').text();

$('#myId').val()내가 노력하지 않는다면 그렇게 해야 합니다.

$('#myId option:selected').val()

으로 설정할 때JQM업데이트하는 것을 잊지 마십시오.UI:

$('#selectId').val('newValue').selectmenu('refresh', true);

$("#myId").val()다음과 같은 경우 작동해야 합니다.myid는 선택 요소 ID입니다!

이렇게 하면 선택한 항목이 설정됩니다.$("#myId").val('VALUE');

다음과 같이 SELECT 태그를 사용하여 Drop Down 목록을 만들었다고 가정합니다.

<select id="Country">

이제 JQuery를 사용하여 드롭다운에서 선택한 값이 무엇인지 확인하려면 다음 줄을 입력하여 해당 값을 검색합니다.

var result= $("#Country option:selected").text();

잘 될 겁니다.

이것이 오래된 것이라는 것을 알지만, 저는 레이저와 함께 있는 것이 너무 힘들었기 때문에 아무리 노력해도 작동할 수 없었습니다.속성에 "text" 또는 "html"을 사용하든 상관없이 계속 "undefined"로 돌아옵니다.마지막으로 옵션에 "data-value" 속성을 추가했는데, 이 속성이 제대로 읽혔습니다.

 <option value="1" data-value="MyText">MyText</option>

 var DisplayText = $(this).find("option:selected").attr("data-value");

$( "#myId 옵션:selected") .text();는 드롭다운 요소에서 선택한 텍스트를 제공합니다.어느 쪽이든 .val()로 변경할 수 있습니다; 값을 얻으려면 아래 코딩을 확인하십시오.

<select id="myId">
    <option value="1">Mr</option>
    <option value="2">Mrs</option>
    <option value="3">Ms</option>`
    <option value="4">Dr</option>
    <option value="5">Prof</option>
</select>

사용해 보세요.

$('#your_select_element_id').val('your_value').attr().add('selected');

언급URL : https://stackoverflow.com/questions/1221957/jquery-to-retrieve-and-set-selected-option-value-of-html-select-element