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