jQuery를 사용하여 드롭 다운 옵션을 선택하는 방법은 무엇입니까?

jQuery가 <option>드롭 다운 상자에서, 예를 들어 4 번째 항목 을 선택하도록 할 수 있는지 궁금합니다 .

<select>
    <option></option>
    <option></option>
    <option></option>
    <option></option>
    <option></option>
</select>

사용자가 링크를 클릭 한 다음 <select>사용자가를 클릭하여 선택한 것처럼 상자의 값을 변경하도록합니다 <option>.

어때요?

$('select>option:eq(3)').attr('selected', true);

http://www.jsfiddle.net/gaby/CWvwn/의 예

최신 버전의 jquery의 경우 .prop()대신.attr()

$('select>option:eq(3)').prop('selected', true);

http://jsfiddle.net/gaby/CWvwn/1763/의 예

해결책:

$("#element-id").val('the value of the option');

HTML 선택 요소에는 selectedIndex특정 옵션을 선택하기 위해 작성할 수 있는 속성이 있습니다.

$('select').prop('selectedIndex', 3); // select 4th option

일반 JavaScript를 사용하면 다음을 수행 할 수 있습니다.

// use first select element
var el = document.getElementsByTagName('select')[0]; 
// assuming el is not null, select 4th option
el.selectedIndex = 3;

나는 이것을 이렇게 할 것입니다

 $("#idElement").val('optionValue').trigger('change');

옵션에 값이있는 경우 다음을 수행 할 수 있습니다.

$('select').val("the-value-of-the-option-you-want-to-select");

'select'는 선택 또는 클래스 선택기의 ID입니다. 또는 하나의 선택 항목 만있는 경우 예와 같이 태그를 사용할 수 있습니다.

가장 쉬운 방법은 val(value)기능입니다.

$('select').val(2);

그리고 선택한 값을 얻으려면 인수가 없습니다.

$('select').val();

또한 당신이 가지고 있다면 <option value="valueToSelect">...</option>, 당신은 할 수 있습니다 :

$('select').val("valueToSelect");

데모

특정 값을 가진 옵션을 선택하려면 다음 코드를 사용하십시오.

$('select>option[value="' + value + '"]').prop('selected', true);

 Try with the below codes. All should work. 
    $('select').val(2);
    $('select').prop('selectedIndex', 1);
    $('select>option[value="5"]').prop('selected', true);
    $('select>option:eq(3)').attr('selected', 'selected');
    $("select option:contains(COMMERCIAL)").attr('selected', true);

nth-child ()를 eq ()보다 선호합니다 .0 기반이 아닌 1 기반 색인을 사용하기 때문에 뇌에서 약간 더 쉽습니다.

//selects the 2nd option
$('select>option:nth-child(2)').attr('selected', true);

''요소를 사용하면 일반적으로 'value'속성이 사용됩니다. 그러면 설정하기가 더 쉬워집니다.

$('select').val('option-value');

이 시도:

$('#mySelectElement option')[0].selected = true;

문안 인사!

아이디로 답변 :

$('#selectBoxId').find('option:eq(0)').attr('selected', true);

 $('select>option:eq(3)').attr('selected', 'selected');

여기서주의해야 할 점은 선택 / 옵션의 변경 이벤트를 자바 스크립트로 감시하는 .trigger('change')경우 코드가 추가 되도록 추가해야한다는 것입니다.

 $('select>option:eq(3)').attr('selected', 'selected').trigger('change');

호출만으로도 .attr('selected', 'selected')이벤트가 트리거되지 않기 때문에