Question

所以，我有一个下拉列表（在Bigcommerce网站上），其预选值为“请选择一个选项”，用于选择尺寸：

<select name="attribute[95]">
        <option value="" selected="selected">Please Choose an Option</option>

                    <option value="73">Small</option>
                    <option value="74">Medium</option>
                    <option value="75">Large</option>
            </select>

我正在尝试使用jQuery更改它，而不是“请选择一个选项”，它说“选择一个选项”。到目前为止，我有这个片段：

 <script>
            $(document).ready(function(){
                $('select option:contains(\'-- Please Choose an Option --\')').text("Choose an Option")
            })
            </script>

只有在用户点击下拉列表后，才会出现这种伎俩，例如，当页面加载时，旧文本会出现，只有当用户点击下拉列表时才会显示新文本...

有关错误的任何建议？

Answer 1

您可以尝试下面的内容，

使用first-child

选择第一个选项

$(document).ready(function(e) {
 $('select option:first-child').text("Choose an Option");   
});

或者

$(document).ready(function (e) {
    $('select option').each(function () {
        if ($(this).text() == 'Please Choose an Option') {
            $(this).text('Choose an Option');
        }
    });
});

使用jQuery更改下拉列表选定的文本

1 个答案: