jquery - 选择选项，而选项值通过 JQuery 等于另一个类的值

Question

我想创建一个 jquery 函数，如果一个下拉值等于另一个类的值，它将被选中。

<input type="hidden" class="target" value="two people"></input>
<select id="source">
    <option value="one person">One Person</option>
    <option value="two people">Two People</option>
    <option value="three people">Three People</option>
</select>

在上述情况下，选择了两个人。因为我使用迭代方法来生成选择，所以我无法将类应用于选项值。如果没有选项中的类，这可行吗？干杯。

Answer 1

试试这个功能 http://jsfiddle.net/9z5N5/

$(document).ready(function(){
       var target = $('input.target').eq(0).val();

    $('#source option').each(function(){
          var option = $(this);
          if( $(this).attr('value')== target ) option.attr('selected', 'selected');
    })

});

Answer 2

$(document).ready(function(){
    $("#source").val($(".target").val());
});

Answer 3

jQuery(function(){
    var $select = $('#source'), $hidden = $select.prev();
    $select.val($hidden.val())
    $('#source').change(function(){
        $hidden.val($(this).val())
    })
})

演示：小提琴

Answer 4

在这里演示

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