javascript - 下拉菜单在响应式 jquery 数据表中不起作用
问题描述
我正在使用响应式 jquery 数据表。
检查此链接 http://jsfiddle.net/82v4p7cL/1/
<div id="tblSkippedItems_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer"><div class="row"><div class="col-sm-12"><table id="tblSkippedItems" class="table table-striped table-bordered nowrap dataTable no-footer dtr-inline collapsed" cellspacing="0" width="100%" role="grid" aria-describedby="tblSkippedItems_info" style="width: 100%;">
<thead>
<tr role="row"><th class="sorting_asc" tabindex="0" aria-controls="tblSkippedItems" rowspan="1" colspan="1" style="width: 159px;" aria-label="Itemnumber: activate to sort column descending" aria-sort="ascending">Itemnumber</th><th class="sorting" tabindex="0" aria-controls="tblSkippedItems" rowspan="1" colspan="1" style="width: 0px; display: none;" aria-label="Location : activate to sort column ascending"></th></tr>
</thead>
<tbody>
<tr role="row" class="odd parent">
<td class="sorting_1" tabindex="0" style="">02-273-BU</td>
<td style="display: none;">
<select id="ddlTest" style="width: 300px">
</td>
</tr>
<tr class="child">
<td class="child" colspan="2">
<ul data-dtr-index="1">
<li data-dtr-index="2" data-dt-row="1" data-dt-column="2"><span class="dtr-title">Location <small>(Picking)</small></span> <span class="dtr-data"><span class="ClsLocName">N/A </span> <select id="ddlTest" style="width: 300px"></select></span></li>
</ul>
</td>
</tr>
</tbody>
</table></div></div>
</div>
我在 jquery 数据表中有下拉列。
在响应模式下,使用“child”类创建新的 tr。旧的 tr 是隐藏的。
两个 tr 都包含具有相同 ID 的下拉列表。当我尝试使用 jquery 向下拉菜单添加选项时,对下拉菜单没有影响。
var ddl = $('#DdlTest');
ddl.append($("<option></option>").val('0').html('Selectvalue'));
解决方案
您的 html 和 jquery 选择存在几个问题。首先你没有关闭select
标签尝试关闭它,第二个ddlTest
不等于DdlTest
. 您需要解决这些问题,然后附加您的选项。
<select id="ddlTest" style="width: 300px"></select>
JavaScript
var ddl = $('#ddlTest');
ddl.append($("<option value="0"></option>");
推荐阅读
- neo4j - Neo4j - 'WHERE NOT exists' 子句的解释是什么?
- azure-ad-b2c - 如何访问“协作 ID”日志以对 Facebook 登录进行故障排除?
- javascript - 如何将 Fabric API 密钥和秘密传递给 cordova-plugin-firebase?
- android - 设置包名称是否会显式隐含意图?
- firebase - 保护 Cloud Functions auth onDelete 触发器
- ios - iOS VoiceOver“找不到标题”
- java - 如何将 Enum 的值与 Enum 方法中 Enum 的所有可能值进行比较并避免丢失 return 语句?
- javascript - 如何将 Fuse.js 导入为 ES6 模块客户端?
- python - 来自 cormens 算法的最大子数组问题中的未绑定局部误差
- go - 运行时:当将结构保存到 json 时,goroutine 堆栈超过 1000000000 字节的限制