Question

我正在尝试在选择框中选择某个选项，但它不起作用：

var category = $(row + 'td:nth-child(4)').text();
$('#category_id', theCloned).load('/webadmin/video/get_categories',function(){
   $('#category_id', theCloned).val(category);
});

没有抛出任何错误，但它不会更改选择框。我在这里做错了什么？

以下是load（）调用加载的选项示例：

<option value="1">Capabilities</option>
<option value="2">Application Focus</option>
<option value="5">Fun</option>

类别变量的值是“Fun”或“Capabilities”等。

Answer 1

var $selectbox = $('#category_id', theCloned), // cache the element to avoid lookup overheads
    category = $(row + 'td:nth-child(4)').text();
$selectbox.load('/webadmin/video/get_categories', function(){
   $selectbox
    .find('option')
    .filter(function(){
        return $(this).text() === category;
    })
    .prop('selected', true);
});

更新1

更新了代码以适应您在更新中提供的代码。这会奏效。但是，如果选项将包含字符串的一部分而不是完整字符串，则它仍将是所选元素的一部分。例如。如果选项是

<option value="1">Capabilities</option>
<option value="2">Application Focus</option>
<option value="5">Fun</option>
<option value="6">Fun Time</option>
<option value="6">Funhouse</option>

category变量的值为Fun，所有最后三个选项都将成为选择器的一部分。

更新2

更改了代码以过滤其文本与category变量的值完全匹配的选项。因此，您不必担心上面的更新1.

Answer 2

试试这个

$('#category_id', theCloned).val($.trim(category));

Answer 3

$('#id_of_select_box').val('your_value');

这样做

Answer 4

最后我找到了一个新的解决方案Fiddle

<select>

    <option value='1'>one</option>
    <option value='2' >two</option>
    <option value='3' >three</option>
</select>

<强>脚本

$("select").on("change",function(){    
    alert($("select option:selected").text());
});

如何使用option标签的文本在jQuery中选择选项

4 个答案:

更新1

更新2