更改动态添加的选择选项元素的名称


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 + "]");
});