jquery - 使用 jquery 设置选择框的值

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

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

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