• 技术文章 >web前端 >js教程

    jquery怎么删除select中的选项

    青灯夜游青灯夜游2020-12-21 17:39:27原创1669

    删除方法:先使用jQuery选择器从select中获取需要删除的指定选项(options元素),然后使用JQuery的remove()方法从HTML文档中删除该选项即可;语法“$("option选项").remove()”。

    本教程操作环境:windows7系统、jquery3.3.1版本,该方法适用于所有品牌电脑。

    推荐教程:jquery视频教程

    想要使用jQuery从select元素中删除选项(options元素),可以先使用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>       
    $('button').on('click', function() {
    $("option[value='val_1']").remove();
    $('#Text').text('值为val_1的选项已删除!');
    });
    </script> 
    </body> 
    </html>

    效果图:

    1.gif

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

    更多编程相关知识,请访问:编程教学!!

    以上就是jquery怎么删除select中的选项的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery select
    上一篇:JavaScript深入探索 websocket和HTTP/2与SSE +如何选择正确的路径! 下一篇:Node.js和java后台服务器的简单比较
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• layui中怎么设置select项• 基于jquery开发的UI框架有哪些• jQuery如何获取class的值• jquery中什么是函数• jquery怎么判断是否ie浏览器
    1/1

    PHP中文网