//增加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>