Question

我需要根据它的索引而不是其值来更改选项。

我目前的代码： HTML

<select name="locations" id="locations">
    <option value="1">loc1</option>
    <option value="2">loc2</option>                 
</select>
<a id="location-1" href="#">Loc 1</a>
<a id="location-2" href="#">Loc 2</a>

的Javascript

$(document).ready( function() {
     $('#location-1').click(function() {
     alert('first clicked')
                $("#locations").val($("#locations option:first").val());
            });
        $('#location-2').click(function() {
        alert('second clicked')
                $("#locations").val($("#locations option:second").val());
            });
    });

如何通过jquery更改#locations的VAL。

https://jsfiddle.net/go71tovr/2/

Answer 1

 $('#location-1').click(function() {
 alert('first clicked')
        $('#location :nth-child(1)').prop('selected', true); // To select via index
        });
    $('#location-2').click(function() {
    alert('second clicked')
        $('#location :nth-child(2)').prop('selected', true); // To select via index
        });
});

我更新了代码，上面现在可以了！

    $('#location :nth-child(2)').prop('selected', true); // To select via index

原来这是说出来的正确方法。

根据它的INDEX（Jquery）更改选择OPTION

1 个答案: