js 从一个select选择数据添加到另一个select(包括移除)

最新推荐文章于 2023-01-31 17:01:56 发布

南来北往的客

最新推荐文章于 2023-01-31 17:01:56 发布

阅读量2.2k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/xlb744868186/article/details/51455911

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

//增加select的option
function addSelectOption(srcId, destSelectId, msg) {
	var limitCode = $("#limitCode").val();
	var srcSelect = $("#" + srcId);
	var destSelect = $("#" + destSelectId);
	var srcValue = srcSelect.val() == null ? "" : $.trim(srcSelect.val());// 获取select选择的或者text的value
	if (srcValue == ""||srcValue=="请选择..") {
		alert(msg);
		return;
	}
	if(destSelect.find("option[value='"+srcValue+"']")[0]){
		alert("不能重复添加！");
		return;
	}
	
	if(limitCode==""){
		alert("请填写许可证号！");
		return;
	}
	
	var	myText = srcSelect.find("option:selected").text();// 获取select选择的text
	var myValue = srcSelect.find("option:selected").val();// 获取select选择的code
	destSelect.prepend("<option value='" + limitCode +"/"+myValue+"/"+myText + "'>" + limitCode +"/"+myText
			+ "</option>");// 为select追加一个option(下拉项)
	destSelect.get(0).selectedIndex = 0;// 设置select索引值为0的项选中
	
	
	//用来保存 许可证/审批号 字段
    var option =  $("#dest_regCode").find("option");
    var jsonStr="";
    for(var i=0;i<option.length;i++){
    	jsonStr = jsonStr +　option[i].value + ",";
    }
    jsonStr=jsonStr.substring(0,jsonStr.length-1);
    console.log(jsonStr);
    $("#regCode").val(jsonStr);
    $("#limitCode").val("");
}

/*
 * 删除select的option
 * 参数说明（selectId：需要删除option的select的id；msg：没有选择option时的提示信息；
 */
function removeSelectOption(selectId, msg) {
	var select = $("#" + selectId);
	var srcValue = select.val() == null ? "" : $.trim(select.val());
	if (srcValue == "") {
		alert(msg);
	} else {
		select.find("option[value='" + select.val() + "']").remove();// 删除select中选择的option
	}
	
	//用来保存 许可证/审批号 字段
    var option =  $("#dest_regCode").find("option");
    var jsonStr="";
    for(var i=0;i<option.length;i++){
    	jsonStr = jsonStr +　option[i].value + ",";
    }
    jsonStr=jsonStr.substring(0,jsonStr.length-1);
    $("#regCode").val(jsonStr);		    		    
}

<tr>
				<td class="text_r">许可证/审批号</td>
				<td colspan="7">
					<s:textfield cssStyle="width:140px;" id="limitCode" name="limitCode" cssClass="input_s_1" />
					<s:select id="dest_regCode" cssClass="select_s_1" list="{}" cssStyle="width:150px;" οnchange="changeDestRegCode()"></s:select>
					<s:select id="src_regCode" cssClass="select_s_1" list="{}" cssStyle="width:150px;"></s:select>
					<input type="button" class="button_add" title="添加"
					οnclick="addSelectOption('src_regCode','dest_regCode','请选择审批号!')" />
					<input type="button" class="button_delete" title="删除"
					οnclick="removeSelectOption('dest_regCode','请选择需要删除的审批号!')" />
					<s:hidden id="regCode" name="regCode"/>
				</td>
			</tr>