使用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\');