Question

我想在组合框中输入一个数字，并自动在网页中绘制组合框的数量，有人可以帮我一些教程吗？

在组合框中，如果我插入5，我希望它在另一个div中自动生成5个组合框，我将收到一个整数。如果我插入0不想生成任何内容，则在下一页上有一个示例 http：//www.pricetravel .com.mx /

如果输入大于零的数字，在酒店部分，将自动生成字段

Answer 1

我编写了一个Jquery代码来满足您的要求。

＆＃13;

$(document).ready(function() {
  $("#cbo-select").change(selectedElementChanged);

});

function selectedElementChanged() {

  var selectedValue = $("#cbo-select").val();
  if (parseInt(selectedValue)) {
    $("#area").empty();
    for (var i = 0; i < selectedValue; i++) {
      $("#area").append('<select><option>test</option></select></br>');
    }
  }

}

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <script data-require="jquery@3.0.0" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
  <link rel="stylesheet" href="style.css" />
  <script src="script.js"></script>
</head>

<body>

  <select id="cbo-select">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
  </select>

  <div id="area">

  </div>
</body>

</html>

＆＃13;

在另一个组合框中插入数字时自动生成组合框

1 个答案: