下拉框的動態文本字段

我們卡在一個有外殼選項的模塊中。該外殼是一個下拉框，如果沒有。的機箱被選中時，必須生成1個文本字段，如果選擇了2個機箱，則必須動態生成2個文本字段，最大需求爲4個。請幫助我們！下拉框的動態文本字段

2013-05-02 Pradeep Varanasi

給一些代碼來測試，告訴我們你已經嘗試了什麼？ – 2013-05-02 06:57:36

我們可以怎樣幫助你？您沒有向我們展示任何可用的工具：向我們展示您的代碼，幫助我們*幫助您**。 – 2013-05-02 07:00:41

<選擇name = 「外殼」 ID = 「外殼」> <選項值= 「」>機箱 <選項值= 「1」> 1 <選項值= 「2」> 2 <選項值=「3」> 3 – 2013-05-02 07:04:55

HTML

<select name="enclosure" id="enclosure" > 
    <option value="">Enclosure</option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
</select> 
<div id="textBox-container"></div>

SCRIPT

<script> 
    $(document).on('change','#enclosure',function(){ 
     var no=$(this).val(); 
     if(no) 
     { 
      $('#textBox-container').html(''); 
      for(i=0;i<no;i++) 
      { 
       $('#textBox-container').append('<input type="text" id="txtBox_'+(i+1)+'" value="'+(i+1)+'"/>'); 
      } 
     } 
    }); 
</script>

來源

2013-05-02 07:12:52

您可以通過在最多四個文本框中創建，並根據下拉菜單中的選定選項對用戶使用show/hide來完成此操作。例如：

if(val == 1){ 
     $("input[id$='textbox2']").hide(); 
     $("input[id$='textbox3']").hide(); 
     $("input[id$='textbox4']").hide(); 
    } else if(val == 2){ 
     $("input[id$='textbox3']").hide(); 
     $("input[id$='textbox4']").hide(); 
    } else if(val == 3){ 
     $("input[id$='textbox4']").hide(); 
    }

希望這可能會幫助你。

來源

2013-05-02 07:05:50 Prashant

如果您擁有更多數量的文本框，則需要更改方法。如果您的動態元素顯示數量較少，這將起作用。 – Prashant 2013-05-02 07:10:07

下拉框的動態文本字段

回答

相關問題