Question

使用此选择列表作为示例：

<select name="my-list" id="my-list">
    <option value="Name 1">Simon</option>
    <option value="Name 2">Frank</option>
    <option value="Name 3">Bob</option>
    <option value="Name 4">Alex</option>
</select>

使用jQuery，我需要删除显示的所有可用选项文本（Simon，Frank，Bob和Alex），即我改为以下内容：

<select name="my-list" id="my-list">
    <option value="Name 1"></option>
    <option value="Name 2"></option>
    <option value="Name 3"></option>
    <option value="Name 4"></option>
</select>

Answer 1

尝试

fiddle Demo

$('#my-list option').text('');

<小时/> .text()

$('#my-list option') - ＆gt;指ID为option的元素内的my-list

$('#my-list option').text('');将文字设为''

Answer 2

正确的方法是，但请记住，.empty()也会删除目标元素中的html nodes。我建议这样做是因为您想要清除option标记内的内容。

$('#my-list option').empty();

请阅读：http://api.jquery.com/empty/

删除选项标签中的所有选择列表文本

2 个答案:

DEMO