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

点击事件可以正常使用,但是点击之后有一个下拉选择框不显示,另外一个输入框可以正常显示

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

图片说明

6个回答

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

weixin_43514530
Venus丶 回复1进击的小白: 按照你说的下面还得调用一下那个方法,但是那个id不能跟上面的一样,改为 html += '<span id="hospitalDocName'+i+'"></span>';
一年多之前 回复
qq_33380252
1进击的小白 回复 Venus丶: 好的,到底是哪里出错了?
一年多之前 回复
weixin_43514530
Venus丶 回复1进击的小白: 解决了
一年多之前 回复
weixin_43514530
Venus丶 解决了
一年多之前 回复
qq_33380252
1进击的小白 回复 Venus丶: 把id换个名称试了没,这句代码你再调试一下进后台方法了没,多调试下
一年多之前 回复
weixin_43514530
Venus丶 回复1进击的小白: 是这样吗 还是不行啊
一年多之前 回复
weixin_43514530
Venus丶 回复1进击的小白: <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>'; $("#add").append(html); linkage.init("hospitalDocName",1,new Array("docId"),new Array("${(returnDatas.data.id)!'0'}"),"/system/hospilaldoc/list/json?pageSize=10000") ; }) </script>
一年多之前 回复
qq_33380252
1进击的小白 回复 Venus丶: 把这个方法写到单击事件的最后面,测试行不行,思路就是这样
一年多之前 回复
weixin_43514530
Venus丶 回复1进击的小白: linkage.init("hospitalDocName",1,new Array("docId"),new Array("${(returnDatas.data.id)!'0'}"),"/system/hospilaldoc/list/json?pageSize=10000") ;
一年多之前 回复
weixin_43514530
Venus丶 回复1进击的小白: 是这样吗
一年多之前 回复
qq_33380252
1进击的小白 回复 Venus丶: 先找一下在哪个方法里面给上面那个下拉框绑定数据的,然后在单击事件的最后面再调用一次那个方法
一年多之前 回复
weixin_43514530
Venus丶 这个还要怎么绑定,麻烦详细说下吧
一年多之前 回复

也就是单击事件没有响应呗,可以 id="plus1" 后面添加 onclick ="aa(),然后把function aa() {·······},这样试试

weixin_43514530
Venus丶 回复mym2018: 有这方面的原因,谢谢
一年多之前 回复
mym2018
mym2018 回复 Venus丶: 函数外添加 var i = 0;然后<span id="hospitalDocName"'+i+1+'"></span>'试试
一年多之前 回复
weixin_43514530
Venus丶 回复mym2018: <span id="hospitalDocName"></span>这个就是那个下拉框
一年多之前 回复
mym2018
mym2018 回复 Venus丶: 你上面那个下拉框的id是什么
一年多之前 回复
weixin_43514530
Venus丶 点击可以正常使用 点击之后有一个下拉选择框不显示
一年多之前 回复

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

您好是点击不显示下拉框还是什么原因,

weixin_43514530
Venus丶 点击追加输入框,一共两个输入框,一个可以正常显示,另外一个动态加载的选择框不显示
一年多之前 回复

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

weixin_43514530
Venus丶 放到外面是什么意思,不太懂,能说详细点吗
一年多之前 回复

你是要下拉框还是什么

weixin_43514530
Venus丶 点击追加输入框,一共两个输入框,一个可以正常显示,另外一个动态加载的选择框不显示
一年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐