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

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。