javascript - 如何使用jquery选择下拉选项？

Question

我已经尝试了一个小时来完成这项工作，但它变得很荒谬。有人可以告诉我如何使用 jquery 选择下拉选项吗？

HTML

 <select class="my_select_box" name="accepted_orders_customer_number"
 data-placeholder="Choose a Customer Number" style="display: none;">
     <option></option>
     <option value="1">1: go co.2 company</option>
     <option value="2">2: jack brian, banana company</option>
     <option value="3">3: jack marley</option>
     <option value="4">4: jack daniels</option>
     <option value="5">5: mary brian</option>
     <option value="6">6: Cloud Strife</option>
</select>

JQuery

$(function () {
    $('[name=accepted_orders_customer_number] option').filter(function () {
        return ($(this).val() == 2); //To select jack brian
    }).prop('selected', true);
});

fiddle ，我正在使用 jquery ui 作为下拉菜单

编辑:

我需要按值选择它。抱歉，我应该立即提及这一点。我无法按其索引进行选择，因为这些索引没有选项值那么有意义。

Answer 1

您需要在 fiddle 中包含 jQuery，并删除 HTML 标记中 select 的 style="display: none;" ，它应该按预期工作.

但是您可以使用以下方法缩短代码:

$('select.my_select_box option[value="2"]').prop('selected', true);

<强> Updated Fiddle

<小时/>这里可能发生了冲突，尝试使用:

jQuery(function($) {
    $('[name=accepted_orders_customer_number] option').filter(function () {
        return ($(this).val() == 2); //To select jack brian
    }).prop('selected', true);
});