javascript - 根据选择下拉值填充文本框

Question

这个问题已经有答案了:

populate dropdown on selection of other dropdown (4 个回答)

已关闭 9 年前。

这是我的 html 代码:

<select name="plot_no" id="plot_no" class="dropdown validate_B" >
          <option value="">Select no. of Plots to book</option>
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
 </select>
        <img src="./images/rightmarked.gif" title=" mandetory"> </div>
      <div class="marginbtm5">

          <div id="divplot1" style="display:block;">
            <select name="plot_no1" id="plot_no1" >
              <option value="">Plot No.</option>
            </select>
          </div>
          <div id="divplot2" style="display:none;">
            <select name="plot_no2" id="plot_no2" >
              <option value="">Plot No.</option>
            </select>
          </div>
          <div id="divplot3" style="display:none; ">
            <select name="plot_no3" id="plot_no3" >
              <option value="">Plot No.</option>
            </select>
          </div>
          <div id="divplot4" style="display:none;">
            <select name="plot_no4" id="plot_no4" >
              <option value="">Plot No.</option>
            </select>
          </div>

这是我的 JavaScript

$("#plot_no").change(function(e)
{
    var id=$(this).val();

    if (id==2){
        document.getElementById("divplot2").style.display="";
    } else {
        document.getElementById("divplot2").style.display="none";    
    }


    if (id==3){
        document.getElementById("divplot2").style.display="";
        document.getElementById("divplot3").style.display="";   
    } else {
        document.getElementById("divplot2").style.display="none"; 
        document.getElementById("divplot3").style.display="none";    
    }
    if (id==4){
        document.getElementById("divplot2").style.display="";
        document.getElementById("divplot3").style.display="";
        document.getElementById("divplot4").style.display="";   
   } else {
        document.getElementById("divplot2").style.display="none"; 
        document.getElementById("divplot3").style.display="none";  
        document.getElementById("divplot4").style.display="none";  
   }

});

如果用户从上面的下拉列表中选择 1，我想显示 1 个下拉列表；如果用户从上面的下拉列表中选择 2，则我想显示 2 个下拉列表。那么谁能告诉我这件事吗？？？

Answer 1

试试这个 fiddle 。为选择框添加了一个类 plotno，

Fiddle