如何从下拉列表和输入框值中获取数组以循环JQuery中的总数

时间:2017-06-28 05:46:42

标签: jquery

我有多个下拉列表和相应的数字输入字段,如下所示:

<div>
<div class="col-md-12 row">
    <div class="col-md-3">
        <select class="form-control category-select" name="category[]">
            <option>A</option>
            <option>B</option>
            <option>C</option>
        </select>
    </div>
    <div class="col-md-3">
        <input class="form-control category-number" name="no_of_category[]">
    </div>
</div>
<div class="col-md-12 row">
    <div class="col-md-3">
        <select class="form-control category-select" name="category[]">
            <option>A</option>
            <option>B</option>
            <option>C</option>
        </select>
    </div>
    <div class="col-md-3">
        <input class="form-control category-number" name="no_of_category[]">
    </div>
</div>
<div>

如果用户选择

  1. 选项A和2为数字
  2. 选项B和3为数字
  3. 然后我想要一些像下面这样的数组,以便我可以循环使用名称的类别总数。

    A -> 1
    A -> 1
    B -> 1
    B -> 1
    B -> 1
    

    由于Array不能具有相同的索引,因此这是不可能的。但是,我真正想要的是循环超过类别的总数以及类别名称。有没有办法实现类似上面类似的循环?

    任何建议都表示赞赏。

1 个答案:

答案 0 :(得分:1)

你想要&#34;通缉&#34;结果看起来不像是jquery中的数组,但也许这可以帮助你创建你想要的东西。

&#13;
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <div class="col-md-12 row">
    <div class="col-md-3">
      <select class="form-control category-select" name="category[]">
            <option>A</option>
            <option>B</option>
            <option>C</option>
        </select>
    </div>
    <div class="col-md-3">
      <input class="form-control category-number" type="number" name="no_of_category[]">
    </div>
  </div>
  <div class="col-md-12 row">
    <div class="col-md-3">
      <select class="form-control category-select" name="category[]">
            <option>A</option>
            <option>B</option>
            <option>C</option>
        </select>
    </div>
    <div class="col-md-3">
      <input class="form-control category-number" type="number" name="no_of_category[]">
    </div>
  </div>
  <div>
&#13;
{{1}}
&#13;
&#13;
&#13;