select2 插件 获取多选和单选选中值。value和text

本文介绍如何使用JavaScript从Select2控件中获取单选或多选的选项值(value)及显示文本(text)。针对单选情况,直接通过val()方法获取值,并通过:selected筛选器获取文本;对于多选,则需遍历所有选项,将选中的值和文本以JSON数组形式返回。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一:获取select2选中项option的value和text,多选用jsonarry格式返回

      单选:

        //该方法也可以获取多选的数据,但是val 是以list返回的,而text会以一条字符串返回。

        var  val= $('#company_kh').val();

        var  text=$('#company_kh option:selected').text();

      多选:

        var  jsonArrayStr='[]';
        var  jsonArray=eval('('+jsonArrayStr+')');

 

        var obj=document.getElementById('company_kh');

        //获取所有的option

 var options=obj.options;

 

        for(var i=0;i<options.length;i++){

         //判断optin是否被选中了

           var  ss= options[i].selected;
           if(options[i].selected){
            var  jsonstr='{"value":"'+options[i].value+'","text":"'+options[i].text+'"}';
                jsonArray.push(jsonstr);
           }
        }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值