jquery - 搜索选择的选项，找到值，将选择添加到其中并将其 html 文本写入 div 上

Question

我有一个简单的选择、一个 div 和一个预填充变量。

这是我想做的:

我有预填充值，可以说:

prepop = 2;

我想搜索select中的所有选项，将selected属性添加到值为2的选项中，并在div测试中写入“Val Two”:

<div id="test"></div>

<select>
<option value="1">Val one<option>
<option value="2">Val two</option>
</select>

有什么想法吗？

这是我的想法:

var $options = "get all the select options";
    $options.each(function(){
        if (jQuery(this).val() == prepop){
            jQuery('#test').html(jQuery(this).text());
        }
    });
}

Answer 1

我认为这应该可以解决问题:

$(document).ready(function() {
    var prepop = 2;
    $('select').find('option').each(function() {
        if($(this).val() == prepop) {
            $('#test').html($(this).text());
        }
    });
});

所以这里发生的事情是我们循环遍历“选择”下面找到的所有“选项”。如果当前通过“option”循环的值等于预填充变量，我们将使用适当的内容填充 div。