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

【问题标题】：Automatically generate combobox when inserting a number in another combobox在另一个组合框中插入数字时自动生成组合框
【发布时间】：2017-01-03 23:27:13
【问题描述】：

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

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

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

【问题讨论】：

“我想在一个组合框中输入一个数字” 这个很不清楚。你能说得具体点吗？
发布你到目前为止所尝试的内容。

标签： html asp.net ajax

【解决方案1】：

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

$(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>');
    }
  }

}

<!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>

【讨论】：

如果我想让新的组合框水平创建？
只需从附加行中删除。 $("#area").append('');
当我选择零时总是出现一个选择，当我选择零时如何删除选择？
移动 $("#area").empty();在 if 条件之前。
我还有另一个问题如果我选择 4 并生成 4 选择并用一个值填充它们，但我最好想要 8 我想保留旧 4 的值并添加缺少的 4