我有多个下拉列表和相应的数字输入字段,如下所示:
<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>
如果用户选择
然后我想要一些像下面这样的数组,以便我可以循环使用名称的类别总数。
A -> 1
A -> 1
B -> 1
B -> 1
B -> 1
由于Array不能具有相同的索引,因此这是不可能的。但是,我真正想要的是循环超过类别的总数以及类别名称。有没有办法实现类似上面类似的循环?
任何建议都表示赞赏。
答案 0 :(得分:1)
你想要&#34;通缉&#34;结果看起来不像是jquery中的数组,但也许这可以帮助你创建你想要的东西。
<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;