Question

我正在使用BuddyPress插件在用户配置文件中创建一个多选项。不幸的是，在人们点击这个选择之前，显示文字是'----'。我想使用jquery将显示文本从'----'更改为'Please select'。我怎么能在jQuery中做到这一点？

<select id="field_221" name="field_221" aria-required="true">
    <option value="">----</option>
    <option value="13">13</option>
    <option> value="14">14</option>
    <option> value="15">15</option>
</select>

Answer 1

您可以通过迭代选择选项并替换任何等于'----'的文件来完成此操作。

<强> JavaScript的：

$(function () { // Executes on DOM ready
    $("#field_221 > option").each(function () {
        if (this.text === '----') {
            this.text = 'Please select';
        }
    });
});

演示：http://jsfiddle.net/BenjaminRay/8r3d9r9c/

此外，您在最后两个选项中还有一个>。将<option> value...更改为<option value...。

如何使用jQuery更改select的选项？

1 个答案: