更改动态添加的选择选项元素的名称
change name of dynamically added select option element
我正在动态生成一些下拉列表,然后允许它们在船上轻松删除其中一些。 所以那个时候,我遇到了选择选项(下拉)元素ID不匹配的错误。 如下所示。
新添加的下拉列表。
select name="CSSAtapsClient[client_time_window_arr][0]" id="client_time_window_0">/select>
select name="CSSAtapsClient[client_time_window_arr][1]" id="client_time_window_1">/select>
select name="CSSAtapsClient[client_time_window_arr][2]" id="client_time_window_2">/select>
select name="CSSAtapsClient[client_time_window_arr][3]" id="client_time_window_3">/select>
在我通过 JavaScript 动态删除它们之后。(假设我正在删除第二个)因此,新的将显示如下,
select name="CSSAtapsClient[client_time_window_arr][0]" id="client_time_window_0">/select>
select name="CSSAtapsClient[client_time_window_arr][2]" id="client_time_window_2">/select>
select name="CSSAtapsClient[client_time_window_arr][3]" id="client_time_window_3">/select>
所以现在我遇到的问题是,下拉列表的名称是这样的,(0,2,3)
CSSAtapsClient[client_time_window_arr][0],
CSSAtapsClient[client_time_window_arr][2],
CSSAtapsClient[client_time_window_arr][3]
所以这给我带来了错误,我需要重新排序这个名称并使其像这样,(0,1,2)
CSSAtapsClient[client_time_window_arr][0]
CSSAtapsClient[client_time_window_arr][1]
CSSAtapsClient[client_time_window_arr][2]
我怎样才能简单地重命名这些下拉菜单名称属性(从 0 到有多少 dropdows 存在)? 感谢尽早回复
编辑 1
我试过这个,但没有奏效。
$('#tbl_dynamic_call_dates select').each(function(i){
$(this).attr('name',"CSSAtapsClient[client_time_window_arr][i]");
});
您可以使用
.attr()
方法简单地重置值:
$('#tbl_dynamic_call_dates select').attr('name', function(i) {
return 'CSSAtapsClient[client_time_window_arr]['+ i +']';
});
我这样做了,
$('#tbl_dynamic_call_dates select').each(function(i){
$(this).attr('name',"CSSAtapsClient[client_time_window_arr][" + i + "]");
});
相关文章:
- 根据select选项元素将表单重定向到不同的URL
- WebdriverIO waitForExist()选择元素's选定的选项
- 如果类不是一个选项,如何在使用 jQuery 时控制(避免)嵌套 html 元素的样式
- 向html选择元素添加选项
- 我如何为列出的选项卡元素编写一个Protractor测试,它会检查它是否's是否处于活动状态
- 选项卡式元素上的动画CSS转换
- 只有当Angular从资源对象检索数据时,才选择选项元素
- Angular 指令似乎没有使用元素传入的选项执行
- 使用docment.createElement向元素添加选项
- Angular始终选择选择元素中的第一个选项
- 选择不追加在动态添加的行上的元素选项
- 动态更新 JavaScript 和 PHP 中的选择元素选项
- 创建一个 html 页面,其选择元素选项相同
- 获取所有选定元素选项的文本
- 使用jquery.on()方法处理同一元素(选项标记)的两个脚本之间的冲突
- jQuery:保存已选择的select元素选项
- 禁用基于类的选择元素选项
- 在页面加载时设置select元素选项
- 禁用Firefox中弹出的选择元素选项
- 在Bootstrap元素选项中使用引号中的引号