清空select值

﹏ヽ暗。殇╰゛Y 2024-04-19 12:11 95阅读 0赞

## 一、 ##

## js获取select标签选中的值 ##

var obj = document.getElementById(”testSelect”); //定位id
    
    var index = obj.selectedIndex; // 选中索引
    
    var text = obj.options[index].text; // 选中文本
    
    var value = obj.options[index].value; // 选中值

## jQuery中获得选中select值 ##

第一种方式
    $('#testSelect option:selected').text();//选中的文本
    
    $('#testSelect option:selected').val();//选中的值
    
    $("#testSelect").get(0).selectedIndex;//索引

第二种方式
    $("#tesetSelect").find("option:selected").text();//选中的文本
    
    $("#tesetSelect").find("option:selected").val();//选中的值
    
    $("#testSelect").get(0).selectedIndex;//索引

## 二、 ##

## js清空select标签中的值 ##

<select id="area">
        <option>11</option>
         <option>22</option>
          <option>33</option>
    </select>

<script>
    var area= document.getElementById("area");
    area.innerHTML = "";
    
    for(var i=0;i<area.childNodes.length;i++){
        area.removeChild(area.options[i]);
        area.remove(i);
        area.options[i] = null;
    }
    </script>

## jquery的写法 ##

$("#area").html("");
    $("#area").find("option").remove();
    或者
    $("#area").empty();

原博客地址: [https://blog.csdn.net/JohinieLi/article/details/82083551][https_blog.csdn.net_JohinieLi_article_details_82083551]

[https_blog.csdn.net_JohinieLi_article_details_82083551]: https://blog.csdn.net/JohinieLi/article/details/82083551

发表评论取消回复

表情：

评论列表（有 0 条评论，95人围观）

还没有评论，来说两句吧...

相关阅读

相关清空select值

一、 js获取select标签选中的值 var obj = document.getElementById(”testSelect”); //定位id ...

﹏ヽ暗。殇╰゛Y/ 2024年04月19日 12:11/ 0 赞/ 96 阅读

相关使用ant-design-vue（select）遇到的问题，解决重置之后清空值

当你的select-option是循环出来的时候，你点击清空以后这个值是不会清空的，当你使用组件自带的api – allowClear的时候，你会发现清空以后是undefine

冷不防/ 2023年10月11日 16:09/ 0 赞/ 9 阅读

相关 select2 清空选中值(支持IE)

$(selObj\[i\]).val(\[\]).trigger('change'); //清空已选中值 $(selObj\[i\]).select2("enable",

蔚落/ 2023年06月24日 13:28/ 0 赞/ 55 阅读

相关 js清空input file的值

因为js的安全机制规定不可以直接用js修改file的value为有效值，所以解决方法是设置file的value为空字符，或者把file的html重新初始化来解决清空的问题。

迈不过友情╰/ 2023年06月14日 04:25/ 0 赞/ 171 阅读

相关 easyui 日期控件清空值

最近用了Easyui的日期控件datebox，项目中要将选中值清空，于是就研究了一下。 1，调用方法清空 $('yourId').combo('

短命女/ 2022年08月13日 08:58/ 0 赞/ 245 阅读

相关 jquery清空select option

今天在谷歌浏览器上操作select时，发现通过$("\unitlist").empty();，虽然可以把select下的option全部清空，但是select选中显示的文本还残

曾经终败给现在/ 2022年07月14日 01:54/ 0 赞/ 306 阅读

相关 select默认选中第一次（清空文本框内容）

$('clearBtn').live('click', function () { $('searchUl').find('input[type="te

青旅半醒/ 2022年06月14日 01:21/ 0 赞/ 485 阅读

相关 select2如何设置默认空值

1、问题背景 select2搜索下拉框，当满足某种条件时，让它默认选中空值 2、问题原因 <!DOCTYPE html> <html>

忘是亡心i/ 2022年06月12日 11:23/ 2 赞/ 644 阅读

相关 datagird关于selected 选择后清空的问题

首先说明我出现的情况 var selectData=$('\dg').datagrid('getSelected'); 我通过以上代码选择datagi

喜欢ヅ旅行/ 2022年06月09日 01:42/ 0 赞/ 204 阅读

相关 miniUI清空控件的值

var textbox= $(".mini-textbox").length; for(var i=0;i<textbox;i++) {

深碍√TFBOYSˉ_/ 2022年05月25日 02:12/ 0 赞/ 434 阅读