select下拉框多选可编辑

需要引入magicsuggest插件
magicSuggest直通车

<link rel="stylesheet" href="/lib/magicsuggest/magicsuggest.css">
<script src="/lib/magicsuggest/magicsuggest.js"></script>
/*创建一个magicSuggest 下拉框*/
 <div class="form-group">
      <label class="col-md-3 col-sm-3 control-label">货物尺寸</label>
     <div id="gsize_select"class="col-sm-7"></div>
 </div>
<input type="hidden" id="gsize" name="gsize" value="">
//初始化magicSuggest 下拉框
var gsize_select = $('#gsize_select').magicSuggest({
        placeholder:'请选择',
        data:['8*5*6','8*7*5','8*3*2'],//填充下拉选项内容
        width:"400px",
    });
    
    //获取选中magicSuggest 的值并赋给gsize文本框
    $(gsize_select).on('selectionchange', function(){
        jsonstr = this.getSelection()
        if (jsonstr !=null){
            var nametext ="";
            for (i in jsonstr){
                var name = jsonstr[i].name;
                if (i==0){
                    nametext=name;
                }else{
                    nametext = nametext +";" +name; // 拼接成字符串
                }
            }
        }
        $("#gsize").val(nametext);
    });
//给magicSuggest填充默认选中值
	gsizestr =“6*5*3;2*3*4;6*8*5”;  //后台传过来的值
      objStr =gsizestr.split(";");  // 分割字符串
    	for (i=0;i<objStr.length ;i++ )
   		 {
          gsize_select.setValue([objStr[i]]);
        }

#magicSuggest# 实例参考链接

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

三生有幸遇见你°

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值