jquery怎么删除select下拉框的指定值?

PHPz
Freigeben: 2020-09-04 16:35:42
Original
4437 Leute haben es durchsucht

jquery怎么删除select下拉框的指定值?

jquery怎么删除select下拉框的指定值?

在jquery中,可以先使用jQuery选择器从select中选中需要删除的指定值(options元素),然后使用JQuery的remove()方法从HTML文档中删除该指定值即可。

代码示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">		
</head>

<body style="text-align:center;" id="body"> 
    <p style="font-size: 15px; font-weight: bold;">单击按钮,从select选择框中删除选项</p> 
    <select> 
        <option value="val_1"> Val_1</option> 
        <option value="val_2"> Val_2</option> 
        <option value="val_3"> Val_3</option> 
        <option value="val_4"> Val_4</option> 
    </select> 
    <br> 
    <br> 
    <button> 单击 </button> 
    <p id="Text" style="color: green;font-size: 24px;font-weight: bold;"></p> 
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> 
    <script>       
        $(&#39;button&#39;).on(&#39;click&#39;, function() { 
            $("option[value=&#39;val_1&#39;]").remove(); 
            $(&#39;#Text&#39;).text(&#39;值为val_1的选项已删除!&#39;); 
        }); 
    </script> 
</body> 
  
</html>
Nach dem Login kopieren

效果图:

1.gif

从上图就可以看出,值“Val_1”被删除了。

说明:

  • remove()方法用于法移除被选元素,包括所有的文本和子节点。该方法也会移除被选元素的数据和事件。

  • jQuery [attribute=value] 选择器可以选取每个带有指定属性和值的元素。

更多相关知识,请访问 PHP中文网!!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage