javascript - JQuery .selectedIndex = 0;不适用于所有选定的字段

Question

<select name="wpcf-others" id="abc" class="myzebra-control myzebra-select">
<option value="wpcf-field123">General Work Jobs</option>
<option value="wpcf-fields--1">Journalist/Editors Jobs</option>
<option value="wpcf-4868b877-1">Publishing Jobs</option>
<option value="wpcf-fields-2fb08-1">Others Jobs</option>
</select>
<select name="wpcf-otsdrs" id="abc" class="myzebra-control myzebra-select">
<option value="wpcf-field123">General Work Jobs</option>
<option value="wpcf-fields--1">Journalist/Editors Jobs</option>
<option value="wpcf-4868b877-1">Publishing Jobs</option>
<option value="wpcf-fields-2fb08-1">Others Jobs</option>
</select>

JS代码

jQuery(function ($) {
$("select").prepend('<option value="">- select -</option>');
$("select")[0].selectedIndex = 0;
});

上面的 Jscode 将值添加到 - select - 成功，但仅将第一个下拉选项设置为“- select -”

http://jsfiddle.net/J7PhF/7/

我应该怎么做才能使所有选择字段都选择“- select -”？

Answer 1

请使用.val()方法来实现您的需求。由于您的默认选项值为 ""，我建议您使用此 $("select").val("");

试试这个，

jQuery(function ($) {
    $("select").prepend('<option value="0">- select -</option>');
    $("select").val("");
});

DEMO