选择选项,而选项值等于另一个类';通过JQuery调用s值

选择选项,而选项值等于另一个类';通过JQuery调用s值,jquery,html,Jquery,Html,我想创建一个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 Peop

我想创建一个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,所以我不能将类应用于选项值。如果选项中没有类,这是否可行?干杯。

试试这个功能

试试这个功能

演示:

演示:


你能更详细地说明你的问题吗。“如果一个下拉列表值等于另一个类的值”是什么意思?你能更详细地说明你的问题吗。“如果一个下拉值等于另一个类的值”是什么意思?我唯一建议的是在
if
中使用
option.attr('value')…
,因为您已经检索了
$(this)
。我唯一建议的是使用
option.attr('value'))在您的
if
中,因为您已经检索了
$(此)
$(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');
    })

});
jQuery(function(){
    var $select = $('#source'), $hidden = $select.prev();
    $select.val($hidden.val())
    $('#source').change(function(){
        $hidden.val($(this).val())
    })
})
$("#source").val($(".target:first").val());
$(document).ready(function(){
    $("#source").val($(".target").val());
});