jQuery利用append方法后为什么动态加载的下拉选择框不显示？

Question

点击事件可以正常使用，但是点击之后有一个下拉选择框不显示，另外一个输入框可以正常显示<div class="form-group" id="div">                 <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="hospitalDocName" >姓名</label>                 <div class="col-xs-12 col-sm-9">                     <div class="clearfix" >                         <span id="hospitalDocName"></span>                         <label for="bookNum">预约人数</label>                         <input name="bookNum"  id="bookNum" value="${(returnDatas.data.bookNum)!''}"  type="text" />                         <button type="button" class="btn btn-minier btn-primary dropdown-toggle" id="plus1" >单击添加</button>                     </div><div class="help-block" for="docId"></div>                 </div>             </div>             <script>                 $("#plus1").click(function(){                     html = '<label class="control-label col-xs-12 col-sm-3 no-padding-right" for="hospitalDocName" >姓名</label>';                     html += '<div class="col-xs-12 col-sm-9">';                     html += '<div class="clearfix"  >';                     html += '<span id="hospitalDocName"></span>';                     html += '<label for="bookNum">预约人数</label>';                     html += '<input name="bookNum"  id="bookNum" value="${(returnDatas.data.bookNum)!""}"  type="text" />';                     html += '</div><div class="help-block" for="docId"></div>';                     html += '</div>';                     $("#div").append(html);                 })             </script>

Answer 1

你调用完这个单击填加事件后没有重新动态绑定下拉框啊，另外新增的id名称还是换个吧，感觉都一样的话也会绑定出错

Answer 2

按照你说的下面还得调用一下那个方法，但是那个id不能跟上面的一样，改为 html += '<span id="hospitalDocName'+i+'"></span>';

Answer 3

点击事件都可以正常用，就是前面姓名那个下拉框为什么没有

Answer 4

把你的js放到这个id="div"的div外面