Javascript 在JQuery中使用下拉列表名称获取下拉列表值
我的页面中有这些Javascript 在JQuery中使用下拉列表名称获取下拉列表值,javascript,jquery,html,Javascript,Jquery,Html,我的页面中有这些选择s <select id="select_status_id44" name="select_status_id[44]" class="inputbox" id = "status_id_44"> <option value="1">Pending</option> <option value="2" selected="selected">Confirmed</option> <option v
选择s
<select id="select_status_id44" name="select_status_id[44]" class="inputbox" id = "status_id_44">
<option value="1">Pending</option>
<option value="2" selected="selected">Confirmed</option>
<option value="3">Cancelled</option>
<option value="4">Refunded</option>
<option value="5">Shipped</option>
<option value="6">Paid</option>
<option value="7">Complete</option>
</select>
我知道我不应该得到使用ID属性,因为他们都是不同的。。。但名称属性是相同的您可以在每次选择时尝试此更改
$("#select_status_id44").change(function(){
var val = "select_status_id["+$(this).val()+"]";
$(this).prop("name", val);
console.log(val);
});
更新:检查此小提琴:您可以在每次选择更改时尝试此操作
$("#select_status_id44").change(function(){
var val = "select_status_id["+$(this).val()+"]";
$(this).prop("name", val);
console.log(val);
});
更新:检查此小提琴:试试这种方法
$('select[name^="select_status_id"]').change(function() {
alert($(this).attr('name').split('[')[1].replace(']',''));
});
试试这种方法
$('select[name^="select_status_id"]').change(function() {
alert($(this).attr('name').split('[')[1].replace(']',''));
});
如果您可以将数据属性添加到您的选择
<select data-id-value="42" ..... >
如果可以将数据属性添加到选择
<select data-id-value="42" ..... >
您的在哪里使用name=order\u check\u id
选择@Mritunjay对不起,,,您的订单在哪里。。。该名称-选择\u状态\u id您的选择和名称=订单\u检查\u id
@Mritunjay抱歉,,,,wdited qs。。。我不能这样做。。。。那么,选择_status_id55和选择_status_id66或其他选项呢???缺少括号。更正了。现在它开始工作了。参见fiddle()。。。你必须对每一个选择都这样做。我不能这样做。。。。那么,选择_status_id55和选择_status_id66或其他选项呢???缺少括号。更正了。现在它开始工作了。参见fiddle()。。。你必须为每一个选择做这件事。还有其他选择,同样是同一个类。。。。我想通过名字得到它这在那里工作,但不是在我的代码。。。我在控制台中得到“UncaughtTypeError:undefined不是一个函数”。。。我使用的是Joomla2.5,并在PHP文件中添加了JQuery。还有其他选择,也有相同的类。。。。我想通过名字得到它这在那里工作,但不是在我的代码。。。我在控制台中得到“UncaughtTypeError:undefined不是一个函数”。。。我使用的是Joomla2.5,并在PHP文件中添加了JQuery