使用jQuery获取动态创建的多个下拉列表的选定值

时间:2018-09-09 05:47:28

标签: javascript php jquery

我想问两个问题。

  1. 我已经使用jquery和创建了动态下拉列表(类和部分) 分配ID,例如[myclass0, myclass1] [mysection0, mysection1] 等等。现在我要检索两者的值并将其存储在 变量或数组,那么我将使用这些变量将其发送到 数据库。我已完成以下代码,但无法正常工作, 甚至没有显示动态创建的下拉列表的ID。
  2. 如何选择类和节的值以及如何循环它们,以便将有效数据发送到数据库?

这是我的代码

   <div class="row">
    <div class="col-sm-12" id="dynamic_select">     
    </div>
</div>
<input type="button" name="" value="Add Class" class="btn btn-primary" id="addclass" style="margin-top: 50px;" onclick="addMore();">

这是我的JS:

function addMore(){
          var inps = $('#dynamic_select > div:last').data('count')+1 || 0;
          $('#dynamic_select').append('<div data-count="'+inps+'"><div class = "col-sm-5"><label>Select Class</label> <select id="childclass'+inps+' "  class="form-control"> <option value="9">IX</option><option value="10">X</option><option value="11">FSC I</option><option value="12">FSC II</option></select> </div>    <div class = "col-sm-5"><label>Select Section</label> <select id="childsection'+inps+' "  class="form-control"> <option value="A">A</option><option value="B">B</option><option value="C">C</option></select></div> <a class=remove>X</a>');
        }

1 个答案:

答案 0 :(得分:0)

尝试一下(例如#dynamic_select的示例):

$('#dynamic_select select').val();

$('#dynamic_select).on('change', function() {
   $('#dynamic_select select').val();
});