在提交按钮上显示一些相同的div

时间:2019-06-17 05:00:33

标签: jquery jsp

有一个值下拉列表和一个提交按钮。基于从下拉列表中选择的值,我想创建许多相同的div并将其显示在页面上。怎么做?

1 个答案:

答案 0 :(得分:0)

我不清楚您要问什么。但我根据您的问题和评论尝试了我的理解。

$('#btn').click(function(e){
  
  var data = $('#data').val();
  var txtVal = $('#txt').val();
  var html = "";
  if(data){
    for(var i=0; i < data; i++){
      html += '<div>'+txtVal+'</div>';
    }
  }
  $('#cont').html(html);
  e.preventDefault();
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="data">
  <option value=""> --select</option>
  <option value="1"> 1</option>
  <option value="2"> 2</option>
  <option value="3"> 3</option>
</select>
<input type="text" id="txt" />
<input type="submit" value="click" id="btn"/>
<div id="cont"></div>