Question

我正在尝试使用jquery设置选择框的值。这是我的代码：

$(function() {
     $("#contact_types").val($("#contact_type_description").val());
});

我没有收到任何错误消息，但未正确设置选择框的值。当我在Chrome中的控制台中调试时，这就是我得到的：

> $("#contact_type_description").val()
> "Office"


> $("#contact_types").html()
> "<option value="6">Home</option><option value="4">Mobile</option><option value="5">Office</option>"

你能告诉我我做错了什么吗？

Answer 1

值办公室没有<option>，这是val正在寻找的值，而不是innerHTML。

您可以使用：

var theValue = $("#contact_type_description").val();
$('#contact_types option').filer(function(){
    return this.innerHTML === theValue;
}).prop('selected', true);

Answer 2

您需要将select选项的selected属性设置为true，这可能应该在某个控件的更改或按键事件处理程序中：

$('#contacttypes option').each(function(){
   if($(this).text() == SOME_VALUE_YOU_GET_FROM_SOMEWHERE)
    $(this).prop('selected', true);    
});

使用jquery设置选择框的值

2 个答案: