select2如何清空掉已被选中的选项在文本框内的内容

发布于 2021-12-01 11:58:13 字数 3060 浏览 742 评论 1

俩个下拉框的联动事件,左边的是普通的select,当值为不限制时,右边框是disable不可用的。

当职位指定商品时,右侧有select2的多选下拉框。此时我再将做测的值改为不限制时,我想清掉右侧框内的内容,怎么做?

这个是我现在的结果,左侧变成不限制后,右侧的值不会清空

$("#coupon_use_con_ss").on("change",function(){
			var ss_val=$("#coupon_use_con_ss option:selected").val();
			var batch_crapp = "${batch.crapp }";
			if(ss_val ==3010){
				$("#coupon_use_val_ss").removeAttr("disabled");
					if(batch_crapp ==1000){
						//门店限制值
						$.get("/common/admin/q_c_by_key/", {}, function(data) {
							for(var i=0,ic=data.obj.length;i<ic;i++){
								var o = data.obj[i];
								$("#coupon_use_val_ss").attr("multiple","multiple");
								$("#coupon_use_val_ss").append("<option value=""+o.label+"">"+o.value+"</option>");
							}
					  		$("#coupon_use_val_ss").select2();
						});
					}
					if(batch_crapp ==2000){
						//影城限制值
						$.get("/common/admin/q_c_by_key/", {}, function(data) {
							for(var i=0,ic=data.obj.length;i<ic;i++){
								var o = data.obj[i];
								$("#coupon_use_val_ss").attr("multiple","multiple");
								$("#coupon_use_val_ss").append("<option value=""+o.label+"">"+o.value+"</option>");
							}
					  		$("#coupon_use_val_ss").select2();
						});
					}
			}else{
				$("#coupon_use_val_ss").select2("val","");
				$("#coupon_use_val_ss").val("");
				$("#coupon_use_val_ss_v").val("");
				$("#coupon_use_val_ss").attr("disabled","disabled");
				$("#coupon_use_val_ss").removeAttr("multiple");
			}
		});
<div class="row" style="display:none">
												<div class="col-md-6 margin-bottom-15">
													<label for="coupon_use_con_ss" id="lbl_coupon_use_con_ss">使用门店限制类型</label>
													<select name="coupon_use_con_ss" class="form-control margin-bottom-15" id="coupon_use_con_ss">
														<option value="3000">不限制</option>
														<option value="3010">指定门店</option>
													</select>
												</div>
												<div class="col-md-6 margin-bottom-15">
													<label class="control-label" for="coupon_use_val_ss" id="lbl_coupon_use_val_ss">使用门店限制值</label> 
													<select name="coupon_use_val_ss"   class="form-control" id="coupon_use_val_ss" placeholder="请输入限制的使用门店值">
													</select>
													<input name="coupon_use_val_ss_v" type="hidden" class="form-control" id="coupon_use_val_ss_v" placeholder="请输入限制的使用门店值">
													<span class="fa fa-check form-control-feedback"></span>
												</div>
											</div>

 

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

樱花落人离去 2021-12-03 03:51:08

自己结帖了,select标签直接用empty方法就可以了。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文