js,jquery,克隆 select

 

 

function ddTypeHtmlonChange(){
 $("#ddTypeHtml").change(function(){

//ddTypeHtml 选为2时，执行克隆操作
  if($("#ddTypeHtml").val() == "2"){
     $("#fieldClone").show();
     $("#fieldClone").html("");
     var selTemp= "<select name='fieldClone' id = 'fieldClone' style='width:173px;'>";
     var optionTemp="";
     var i;
     for(i=1;i<$("#chooseFieldSelect option").length;i++){
          optionTemp += "<option value='"+$("#chooseFieldSelect").get(0).options[i].value

          +"'>"+$("#chooseFieldSelect").get(0).options[i].text+"</option>"; 
     }
     selTemp+= optionTemp + "</select>"; 
     $("#fieldClone").html(selTemp);
     }
  
 });
}

 

 

在触发的地方调上面这个函数；

 

 

jsp页面上：td里放个label就行了，执行克隆操作的时候会把这个label替换掉；

<label id="fieldClone"></label>