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>

在上述情况下，选择了两个人。因为我使用迭代方法生成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

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

演示：Fiddle

Answer 3

DEMO HERE

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

Answer 4

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

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

4 个答案: