如何解决使用jquery清除选择
| 是否可以使用JQuery清除html select对象的内容?我有一个获取列表以填充选择并将其追加到选择的函数,因此我需要某种在清除之前清除先前数据的方法。解决方法
用
.empty()
$(\'select\').empty().append(\'whatever\');
您也可以使用.html()
,但请注意
当使用“ 2”设置元素的内容时,其中的任何内容
元素完全被新内容取代。考虑以下HTML:
可选:---如果只希望删除选项元素,请使用.remove()
$(\'select option\').remove();
,如果您不关心任何子元素,例如optgroup
,您可以使用empty()
...
$(\'select\').empty();
否则,如果只想删除option
个元素,请使用remove()
。
$(\'select option\').remove();
,$(\'option\',\'#theSelect\').remove();
,假设有一个如下所示的列表-并选择了某些选项...(这是一个多选,但这也将适用于单选。
<select multiple=\'multiple\' id=\'selectListName\'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
在基于某个事件调用的某些函数中,以下代码将清除所有选定的选项。
$(\“#selectListName \”)。prop(\'selectedIndex \',-1);
,这是一个小jQuery插件,(除其他外)它可以清空下拉列表。
写吧:
$(\'your-select-element\').selectUtils(\'setEmpty\');
,对于我的大多数选择选项,我首先选择一个简单的“ \'请选择\”或类似名称,然后始终禁用该选项。然后,只要您想清除选择/选项,就可以做这样的事情。
例
<select id=\"mySelectOption\">
<option value=\"\" selected disabled>Please select</option>
</select>
回答
$(\'#mySelectOption\').val(\'Please Select\');
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。