在选择选项值=“”处更改文本

Question

这是我的动态下拉菜单代码，我想更改第一个选项的文本，该选项没有id并且值为空！

这是代码：

<div class="my-tours">
    <select name="tours">
        <option value="">All</option>
        <option value="america">America</option>
    </select>
</div>

Answer 1

您的问题不清楚要输出什么。 但是您可以通过执行以下操作来更改第一选项的值：

$("#select-id option:first").attr("value", "");

Answer 2

 $('#tours > option:not([id])').filter(function () { let val = $(this).attr('value'); return val === undefined || val === ''; }).first().text('First id-less with no value'); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="my-tours"> <select name="tours" id="tours"> <option value="mexico">Mexico</option> <option value="">All</option> <option value="america">America</option> <option>Nowhere</option> </select> </div> 

我在<select>标记中添加了一个ID，以使其更易于选择，并使DOM查询更为有效。 我强烈建议您这样做，但是如果由于某些原因您无法添加ID，也可以使用$('select[name="tours"]')选择它。

逐步操作，这是做什么的：

• $('#tours > option:not([id])')选择#tours中没有id属性的所有<option>标记。
• 筛选器功能会筛选出具有不为空的value属性的所有选项。 我必须使用一个函数来说明根本没有value属性的两个选项和具有空value属性的两个选项。 如果可以确保所有选项都具有value属性，则可以使用选择器.filter('[value=""]')代替。
• .first()与我们的过滤器匹配的第一个选项。
• .text()设置新文本。

Answer 3

这里是。 在选项选择器中使用name属性和:first 。

 $(document).ready(function() { $("select[name='tours'] option:first").text("wow"); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="my-tours"> <select name="tours"> <option value="">All</option> <option value="america">America</option> </select> </div>