`

动态添加select的option

阅读更多

function select_add_new(originalAdd,editAdd){
 var originalAddOptions = document.getElementById(originalAdd).options;
 var editAddOptions = document.getElementById(editAdd).options;
 var addIndex = document.getElementById(originalAdd).selectedIndex;
 if(addIndex<0){
  alert("请先选择要添加的事件!");
  return;
 }
 for(var j=originalAddOptions.length-1;j>=0;j--){
  if(originalAddOptions[j].selected==true){
   var opt=document.createElement("option");
   opt.value = originalAddOptions[j].value;
   opt.text= originalAddOptions[j].text;
   editAddOptions.add(opt);
   if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)){
    originalAddOptions.remove(j);
   }else if (navigator.userAgent.indexOf('Firefox') >= 0){
    document.getElementById(originalAdd).remove(j);
   }else{
    document.getElementById(originalAdd).remove(j);
   }
  }
 }
}
function select_del_new(originalAdd,editAdd){
 var originalAddOptions = document.getElementById(originalAdd).options;
 var editAddOptions = document.getElementById(editAdd).options;
 var removeIndex = document.getElementById(editAdd).selectedIndex;
 if(removeIndex<0){
  alert("请先选择要删除的事件!");
  return;
 }
 for(var j=editAddOptions.length-1;j>=0;j--){
  if(editAddOptions[j].selected==true){
   var opt=document.createElement("option");
   opt.value = editAddOptions[j].value;
   opt.text= editAddOptions[j].text;
   originalAddOptions.add(opt);
   if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)){
    editAddOptions.remove(j);
   }else if (navigator.userAgent.indexOf('Firefox') >= 0){
    document.getElementById(editAdd).remove(j);
   }else{
    document.getElementById(editAdd).remove(j);
   }
  }
 }
}
//**********显示隐藏table
function showTimeLimitPlan(){
j_q('#table_show_TimeLimitPlan').show();
j_q('#table_show_CountLimitPlan').hide();
j_q('#table_show_OtherLimitPlan').hide();
}

function ShowCountLimitPlan(){
j_q('#table_show_TimeLimitPlan').hide();
j_q('#table_show_CountLimitPlan').show();
j_q('#table_show_OtherLimitPlan').hide();
}

function OtherLimitPlan(){
j_q('#table_show_TimeLimitPlan').hide();
j_q('#table_show_CountLimitPlan').hide();
j_q('#table_show_OtherLimitPlan').show();
}

//********鼠标经过时显示,移出时隐藏
function  onMouseOver_(divName){
document.getElementById(divName).style.display='';
}
function onMouseOut_(divName){
document.getElementById(divName).style.display='none';
}

//点击 link时检测值的范围(时间限制类方案)
function input_3_1_Range(){
var  mes1="";
var  patrn=/^[1-9]{1}[0-9]*$/;   
var  plan31=['plan3_1_1','plan3_1_2','plan3_1_5'];
  for(var i=0;i<plan31.length;i++){
   var selectValue=document.getElementById(plan31[i]+"_select").value;
    if(selectValue=='show'){//判断文本框
     var inputValue=document.getElementById(plan31[i]+"_input").value;
     if(!patrn.test(inputValue)||parseInt(inputValue)<1||parseInt(inputValue)>65535){
     mes1=mes1+plan31[i].substring(4,plan31[i].length).replace("_",".").replace("_",".")+",";
     }
    }
  }
  if(mes1!=""){
  mes1=mes1.substring(0,mes1.length-1);//去掉最后一个逗号
  mes1=mes1+"输入值为1-65535之间的整数!";
  alert(mes1);
  return false;
   }
 return true;
}

//点击 link时检测值的范围(数目限制类方案)
function input_3_2_Range(){
 var mes1="";
 var plan_len=16;
 var patrn=/^[1-9]{1}[0-9]*$/;
 for(var i=1;i<=plan_len;i++){
   var selectValue=document.getElementById("plan3_2_"+i+"_select").value;
   if(selectValue=='show'){//判断文本框
     var inputValue=document.getElementById("plan3_2_"+i+"_input").value;
      if (!patrn.test(inputValue)){
         mes1=mes1+"3.2."+i+",";
       }
   }
  }
  if(mes1!=""){
  mes1=mes1.substring(0,mes1.length-1);//去掉最后一个逗号
   alert(mes1+"输入为非正整数!");
   return false;
  }
 
 var mes2="";
 var  plan32inputID=['plan3_2_1','plan3_2_2','plan3_2_3','plan3_2_4','plan3_2_5','plan3_2_6','plan3_2_8','plan3_2_9'];
 for(var j=0;j<plan32inputID.length;j++){
  var selectVal11=document.getElementById(plan32inputID[j]+"_select").value;
   if(selectVal11=='show'){//判断文本框
      var inputVal11=document.getElementById(plan32inputID[j]+"_input").value;
       if(parseInt(inputVal11)<1||parseInt(inputVal11)>65535){
          mes2=mes2+plan32inputID[j].substring(4,plan32inputID[j].length).replace("_",".").replace("_",".")+",";
        }
   }
  }
  if(mes2!=""){
   mes2=mes2.substring(0,mes2.length-1);//去掉最后一个逗号
   alert(mes2+"输入的值为1-65535之间的整数!");
   return  false ;
  }
 
var mes3="";
var  plan32_100inputID=['plan3_2_7','plan3_2_15','plan3_2_16'];
 for(var j=0;j<plan32_100inputID.length;j++){
  var selectVal100=document.getElementById(plan32_100inputID[j]+"_select").value;
  if(selectVal100=='show'){//判断文本框
   var inputVal100=document.getElementById(plan32_100inputID[j]+"_input").value;
   if(parseInt(inputVal100)<1||parseInt(inputVal100)>100){
       mes3=mes3+plan32_100inputID[j].substring(4,plan32_100inputID[j].length).replace("_",".").replace("_",".")+",";
     }
  }
  }
 if(mes3!=""){
  mes3=mes3.substring(0,mes3.length-1);//去掉最后一个逗号
  alert(mes3+"输入的值为1-100之间的整数!");
  return  false ;
 }
 
var mes4="";
var  plan32_10inputID=['plan3_2_12','plan3_2_13','plan3_2_14'];
 for(var j=0;j<plan32_10inputID.length;j++){
  var selectVal10=document.getElementById(plan32_10inputID[j]+"_select").value;
  if(selectVal10=='show'){//判断文本框
   var inputVal10=document.getElementById(plan32_10inputID[j]+"_input").value;
     if(parseInt(inputVal10)<1||parseInt(inputVal10)>10){
        mes4=mes4+plan32_10inputID[j].substring(4,plan32_10inputID[j].length).replace("_",".").replace("_",".")+",";
     }
  }
  }
  if(mes4!=""){
   mes4=mes4.substring(0,mes4.length-1);//去掉最后一个逗号
   alert(mes4+"输入的值为1-10之间的整数!");
   return  false ;
  }
 
var mes5="";
var  plan32_5inputID=['plan3_2_10','plan3_2_11'];
 for(var j=0;j<plan32_5inputID.length;j++){
  var selectVal5=document.getElementById(plan32_5inputID[j]+"_select").value;
  if(selectVal5=='show'){//判断文本框
     var inputValue5=document.getElementById(plan32_5inputID[j]+"_input").value;
     if(parseInt(inputValue5)<1||parseInt(inputValue5)>5){
       mes5=mes5+plan32_5inputID[j].substring(4,plan32_5inputID[j].length).replace("_",".").replace("_",".")+",";
      }
  }
  }
  if(mes5!=""){
   mes5=mes5.substring(0,mes5.length-1);//去掉最后一个逗号
   alert(mes5+"输入的值为1-5之间的整数!");
   return false ;
  }
  return true;
}

//点击 link时检测值的范围(其它限制类方案)
function input_3_3_Range(){
var  mes1="";
var  patrn=/^[1-9]{1}[0-9]*$/;   
var  plan3_3=['plan3_3_1','plan3_3_3'];
  for(var i=0;i<plan3_3.length;i++){
   var selectValue=document.getElementById(plan3_3[i]+"_select").value;
    if(selectValue=='show'){//判断文本框
     var inputValue=document.getElementById(plan3_3[i]+"_input").value;
     if(!patrn.test(inputValue)||parseInt(inputValue)<1||parseInt(inputValue)>10){
     mes1=mes1+plan3_3[i].substring(4,plan3_3[i].length).replace("_",".").replace("_",".")+",";
     }
    }
  }
  if(mes1!=""){
   mes1=mes1.substring(0,mes1.length-1);//去掉最后一个逗号
   mes1=mes1+"输入值为1-10之间的整数!";
   alert(mes1);
   return false;
  }
 
 var selectVal=document.getElementById("plan3_3_2_select").value;
  if(selectVal=='show'){
  var inputVal=document.getElementById("plan3_3_2_input").value;
  if(!patrn.test(inputVal)||parseInt(inputVal)<5||parseInt(inputVal)>20){
    alert("3.3.2输入值必须在5-20之间的整数!");
    return false;
   }
 }
 return true;
}


var  latestSelectName="";//全局变量
function checkInputForm(currentSelectName){
  if(latestSelectName == ""){
 if(currentSelectName =="1"){
   if(!input_3_1_Range()){
    showTimeLimitPlan();
    return;
   }
 }
   if(currentSelectName =="2"){
     if(!input_3_2_Range()){
    ShowCountLimitPlan();
    return;
   }
   }
  if(currentSelectName =="3"){
 if(!input_3_3_Range()){
  OtherLimitPlan();
  return;
 }
  }
  latestSelectName = currentSelectName;
}else{
  if(latestSelectName =="1"){
   if(!input_3_1_Range()){
    showTimeLimitPlan();
    return;
   }
  }
  if(latestSelectName =="2"){
     if(!input_3_2_Range()){
   ShowCountLimitPlan();
   return;
  }
   }
  if(latestSelectName =="3"){
  if(!input_3_3_Range()){
  OtherLimitPlan();
  return;
  }
   }
  latestSelectName = currentSelectName;
  }
  if(currentSelectName =="1"){
   showTimeLimitPlan();
  }
   if(currentSelectName =="2"){
   ShowCountLimitPlan();
  }
   if(currentSelectName =="3"){
   OtherLimitPlan();
  }
}

//检测用户输入的值是否超过所给定的范围
function isOverRange_Change(input_textID,rangeType){
var range=[65535,100,5,10,20];
  var varValue=document.getElementById(input_textID).value;
    var patrn=/^[1-9]{1}[0-9]*$/;   
    if (!patrn.test(varValue)){
    alert("请输入大于零的整数!");
    return;
    }
  if(rangeType==1){
    if(parseInt(varValue)<1||parseInt(varValue)>range[0]){
    alert("您输入的值超过了最大值65535!");
    return;
   }
 }else if(rangeType==2){
   if(parseInt(varValue)<1||parseInt(varValue)>range[1]){
    alert("您输入的值超过了最大值100!");
    return;
    }
  }else if(rangeType==3){
   if(parseInt(varValue)<1||parseInt(varValue)>range[2]){
    alert("您输入的值超过了最大值5!");
    return;
    }
  }else if(rangeType==4){
   if(parseInt(varValue)<1||parseInt(varValue)>range[3]){
    alert("您输入的值超过了最大值10!");
    return;
    }
  }else if(rangeType==5){
   if(parseInt(varValue)<5||parseInt(varValue)>range[4]){
    alert("请输入5-20之间的数字!");
    return;
    }
  }
}

//添加方案
function addPlan(){
//var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[_]){2,14}$/;
var planDes=document.getElementById("planDescription").value;
   if(planDes==""){
     alert("方案描述不能为空!");
     return ; 
    }
 //警情方案
var includeAlarmA ="";
var subRealSelected = document.getElementById("alarmSelectSubAdd1A").options;
 if(subRealSelected.length==0){
  alert("至少选择一种警情方案!");
  return;
 }
 for(var i=0;i<subRealSelected.length;i++){
  includeAlarmA = includeAlarmA + subRealSelected[i].value + ",";  
   }
document.forms["linitForm"].elements["alarmPlanInculde"].value=includeAlarmA;


//判断表单的值是否正确
 if(!input_3_1_Range())return;
 if(!input_3_2_Range())return;
 if(!input_3_3_Range())return;
//时间限制类方案赋值.
var plan3_1="";
var plan3_1_end=7;
  for(var i=1;i<=plan3_1_end;i++){
    var selectValue=document.getElementById("plan3_1_"+i+"_select").value;
       if(selectValue=='show'){
        var inputValue=document.getElementById("plan3_1_"+i+"_input").value;
         plan3_1=plan3_1+inputValue+",";
       } else {
        plan3_1=plan3_1+selectValue+",";
       }
 }
document.forms["linitForm"].elements["plan3_1"].value=plan3_1;
//数量限制类方案赋值
var plan3_2="";
var plan3_2_end=17;
  for(var i=1;i<=plan3_2_end;i++){
    var selectValue=document.getElementById("plan3_2_"+i+"_select").value;
       if(selectValue=='show'){
        var inputValue=document.getElementById("plan3_2_"+i+"_input").value;
         plan3_2=plan3_2+inputValue+",";
       } else {
        plan3_2=plan3_2+selectValue+",";
       }
  }
var plan3_2_18_input=document.getElementById("plan3_2_18_input").value;
    plan3_2=plan3_2+plan3_2_18_input+",";
document.forms["linitForm"].elements["plan3_2"].value=plan3_2;

//其它限制类方案赋值
var plan3_3="";
var plan3_3_end=6;
  for(var i=1;i<=plan3_3_end;i++){
    var selectValue=document.getElementById("plan3_3_"+i+"_select").value;
     if(selectValue=='show'){
        var inputValue=document.getElementById("plan3_3_"+i+"_input").value;
         plan3_3=plan3_3+inputValue+",";
       } else {
        plan3_3=plan3_3+selectValue+",";
       }
   }
document.forms["linitForm"].elements["plan3_3"].value=plan3_3;
//操作
document.forms["linitForm"].action="/planManager.do?method=addPlan";
document.forms["linitForm"].submit();
}


//*******修改方案
function ModifyPlan(){
//var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[_]){2,14}$/;
var planDes=document.getElementById("planDescription").value;
 if(planDes==""){
     alert("方案描述不能为空!");
     return ; 
    }
 //警情方案
var includeAlarmA ="";
var subRealSelected = document.getElementById("alarmSelectSubAdd1A").options;
 if(subRealSelected.length==0){
  alert("至少选择一种警情方案!");
  return;
 }
 for(var i=0;i<subRealSelected.length;i++){
    includeAlarmA = includeAlarmA + subRealSelected[i].value+ ",";
   }
document.forms["modifyPlanForm"].elements["alarmPlanInculde"].value=includeAlarmA;

//判断表单的值是否正确
if(!input_3_1_Range())return;
if(!input_3_2_Range())return;
if(!input_3_3_Range())return;
//时间限制类方案赋值.
var plan3_1="";
var plan3_1_end=7;
  for(var i=1;i<=plan3_1_end;i++){
    var selectValue=document.getElementById("plan3_1_"+i+"_select").value;
       if(selectValue=='show'){
        var inputValue=document.getElementById("plan3_1_"+i+"_input").value;
         plan3_1=plan3_1+inputValue+",";
       } else {
        plan3_1=plan3_1+selectValue+",";
       }
   }
document.forms["modifyPlanForm"].elements["plan3_1"].value=plan3_1;
//数量限制类方案赋值
var plan3_2="";
var plan3_2_end=17;
  for(var i=1;i<=plan3_2_end;i++){
    var selectValue=document.getElementById("plan3_2_"+i+"_select").value;
       if(selectValue=='show'){
        var inputValue=document.getElementById("plan3_2_"+i+"_input").value;
         plan3_2=plan3_2+inputValue+",";
       } else {
        plan3_2=plan3_2+selectValue+",";
       }
  }
var plan3_2_18_input=document.getElementById("plan3_2_18_input").value;
    plan3_2=plan3_2+plan3_2_18_input+",";
document.forms["modifyPlanForm"].elements["plan3_2"].value=plan3_2;

//其它限制类方案赋值
var plan3_3="";
var plan3_3_end=6;
  for(var i=1;i<=plan3_3_end;i++){
    var selectValue=document.getElementById("plan3_3_"+i+"_select").value;
     if(selectValue=='show'){
        var inputValue=document.getElementById("plan3_3_"+i+"_input").value;
         plan3_3=plan3_3+inputValue+",";
       } else {
        plan3_3=plan3_3+selectValue+",";
       }
   }
document.forms["modifyPlanForm"].elements["plan3_3"].value=plan3_3;
//操作
document.forms["modifyPlanForm"].action="/planManager.do?method=updatePlan";
document.forms["modifyPlanForm"].submit();
}

分享到:
评论

相关推荐

    JS动态添加Select中的Option元素值

    在JavaScript(JS)编程中,动态添加Select中的Option元素值是一项常见的需求,特别是在网页交互或者数据填充时。这里我们将深入探讨如何实现这个功能,并提供一个实际的案例来演示这一过程。 首先,我们要理解HTML...

    JS & JQuery 动态添加 select option

    ### JS & JQuery 动态添加 select option 知识点总结 #### 1. JavaScript 动态添加 option JavaScript中动态添加option到select元素主要使用`document.getElementById`获取select元素,然后利用其`options`属性...

    JS动态添加option和删除option(附实例代码)

    1.动态创建select 代码如下: function createSelect(){ var mySelect = document.createElement(“select”); mySelect.id = “mySelect”; document.body.appendChild(mySelect); } 2.添加选项option 代码如下: ...

    js实现动态生成select中的option

    在JavaScript编程中,动态生成`select`元素中的`option`是一项常见的需求,特别是在网页交互或者数据展示时。本文将深入探讨如何使用JavaScript实现这一功能,同时结合提供的`autoSelect.html`和`autoselect.txt`...

    向元素中动态添加option

    这篇博客“向&lt;select&gt;元素中动态添加option”探讨的就是如何在JavaScript或jQuery的帮助下,实现在用户界面中动态地向`&lt;select&gt;`元素添加选项。 JavaScript是一种广泛使用的客户端脚本语言,它可以操作HTML元素,...

    select option带自定义图片

    以下是一个关于如何在`&lt;select&gt;`和`&lt;option&gt;`中添加自定义图片的详细教程。 首先,我们需要理解HTML基础。`&lt;select&gt;`元素创建一个可选列表,用户可以选择其中的一个或多个选项。`&lt;option&gt;`元素定义了下拉列表中的一...

    JS 通过系统时间限定动态添加 select option的实例代码

    在JavaScript中,动态地向`&lt;select&gt;`元素添加`&lt;option&gt;`是常见的需求,尤其是在创建交互式表单或实现特定功能时。这个实例代码展示了一种根据系统当前时间和条件来决定是否添加特定选项的方法。下面将详细解释这个...

    layui select动态添加option的实例

    "layui select动态添加option的实例" 本文主要讲解了如何使用 layui 实现select动态添加option的功能。layui是一款轻量级的前端框架,提供了许多实用的组件和功能,select组件是其中的一种,能够实现动态添加option...

    动态给select添加option失败的问题原因及解决

    做作业的时候需要给给一个select标签动态添加option,但却总是不成功,刚开始我是这样写的: $(#day).options.append(new Option(i,i)); 然后发现并没有变化,查资料后才发现,如果要用jQuery给select标签动态添加...

    4、Webdynpro入门之Select-Option【原创】

    总结来说,本文详细讲解了 Select-Option 在 Webdynpro 中的应用,包括如何新建组件、添加 Select-Option 组件、建立局部节点、设置 Table 控件的 ID、绑定节点、添加 Attributes 和使用 Methods 等内容。

    Ant design vue中的a-select在动态给option赋值之后,placeholder失效.pdf

    在实际开发过程中,我们可能会遇到一个常见问题,即当动态地给`a-select`的`option`赋值后,其`placeholder`属性失效,不再显示默认提示文本。这个问题通常出现在数据异步加载的情况下,比如从服务器获取数据并填充...

    jquery获得select option值

    var item = $("select[@name=items] option:selected").text(); ``` 这里使用了`option:selected`选择器来选取当前被选中的`&lt;option&gt;`元素,并通过`.text()`获取其文本内容。 2. **设置默认选中的下拉项**: ``...

    jquery动态添加option

    总结起来,jQuery动态添加`&lt;option&gt;`是通过创建新的`&lt;option&gt;`元素,设置其属性,然后将其添加到`&lt;select&gt;`元素中来实现的。这种方法使得网页的交互性增强,能够根据用户行为或数据变化实时更新下拉列表,极大地提高...

    select option,鼠标移到哪个选向就给出相应的鼠标提示

    总的来说,为"select option"添加鼠标提示功能是提升用户界面友好性的重要手段。通过熟练掌握HTML、CSS和JavaScript,开发者可以创建出更加智能、人性化的网页和应用。同时,不断学习和研究相关的IT资源,如压缩包中...

    javascript_select_option_操作详解.txt

    接下来是向 `&lt;select&gt;` 元素中添加 `&lt;option&gt;` 项的操作。可以使用 `add` 方法或者直接通过修改 `options` 属性来实现: ```javascript function addOption(selectElement, text, value) { var newOption = new ...

    Webdynpro for ABAP中select option 用法

    除了上述基本步骤之外,还可以探索更多高级特性,比如动态生成Select Options、使用多种数据类型等。这些主题可以进一步深化您对Webdynpro for ABAP中Select Options的理解和应用能力。 #### 结论 在Webdynpro for ...

    自定义带图标的select,只需把图标地址写在option的title属性中即可

    这个JS插件就是为了解决这个问题,它扩展了`&lt;select&gt;`的功能,允许我们在`&lt;option&gt;`的`title`属性中插入图标地址,然后在界面上动态渲染这些图标。 接下来,我们要探讨如何使用这个插件。在项目中,首先需要引入...

    JQuery动态添加Select的Option元素实现方法

    如下所示: var selector=$('&lt;select&gt;&lt;/select&gt;...以上这篇JQuery动态添加Select的Option元素实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。

Global site tag (gtag.js) - Google Analytics