2

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

这是我想做的事情：

我有预填充值，可以说：

prepop = 2;

我想搜索选择中的所有选项，将选择的属性添加到值为 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());
        }
    });
}
4

6 回答 6

3

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

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

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

于 2013-03-06T14:12:00.703 回答
3

只需使用这个：

    $('select').val(prepop);
于 2013-03-06T14:19:41.137 回答
1 
$('select option').each(function(){
    if ($(this).val() == prepop){
        $(this).parent().val($(this).val());
        $('#test').html($(this).text());
    }
});

查看示例

于 2013-03-06T14:08:59.303 回答
0

试试这个 ，

 $("#selectId > option").each(function() {

   if (this.value == prepop){
            $('#test').html(this.text());
        }
    });
于 2013-03-06T14:08:50.230 回答
0

你会不会对这样的事情感兴趣：

$(document).ready(function(){
   var sel = document.getElementById('myselect');
    sel.value = 2;
    $("#test").html( sel[sel.selectedIndex].text );

});

在这里测试它：

http://jsfiddle.net/3D44L/

于 2013-03-06T14:12:49.170 回答
0

// 但请使用 id 进行选择，并使用扩展选择器进行选项 - 在实际使用中。

var prepop = 2;

$('select').val(prepop);

$('#test').html($("option[value=" + prepop + "]").text());
于 2013-03-06T14:13:49.143 回答