使用jQuery获取下拉列表中选择的当前值

2020/12/01 00:32 · jquery ·  · 0评论

我的页面上有一组动态生成的下拉框。基本上,我使用jQuery克隆它们。现在,我想捕获在更改事件的每个下拉列表上选择的值。

我尝试了类似的方法,但是没有用。

$('._someDropDown').live('change', function(e) {
            //debugger;
            var v = $(this);
            alert($(this + ':selected').val());
            alert($(this).val());
        });

我该如何完成?

这就是你所需要的:)

$('._someDropDown').live('change', function(e) {
    console.log(e.target.options[e.target.selectedIndex].text);
});

对于新的jQuery使用 on

$(document).on('change', '._someDropDown', function(e) {
    console.log(this.options[e.target.selectedIndex].text);
});

获取所选选项的文本

$("#your_select :selected").text();

获取所选选项的值

$("#your_select").val();
$("#citiesList").change(function() {
    alert($("#citiesList option:selected").text());
    alert($("#citiesList option:selected").val());              
});

cityList是选择标签的ID

签出->

为了获取文字

$("#selme").change(function(){
 $(this[this.selectedIndex]).text();
});

为了获得价值

$("#selme").change(function(){
 $(this[this.selectedIndex]).val();
});

你可以试试:

$("._someDropDown").val();

要获取下拉(选择)元素的值,只需使用val()。

$('._someDropDown').live('change', function(e) {
  alert($(this).val());
});

如果要输入所选选项的文本,请使用以下命令:

$('._someDropDown').live('change', function(e) {
  alert($('[value=' + $(this).val() + ']', this).text());
});

如果您要使用变量或其他变量访问选择,实际上这会更有效并且可读性更好。

$('#select').find('option:selected')

实际上,如果我没记错的话,phpStorm将尝试自动更正其他方法。

如果您想要当前选定值的索引。

$selIndex = $("select#myselectid").prop('selectedIndex'));

试试这个...

$("#yourdropdownid option:selected").val();

上面讨论的选项不起作用,因为它们不是CSS规范的一部分(它是 jQuery扩展名)。花了2-3天的时间来寻找信息,我发现从下拉列表中选择“所选文本”的唯一方法是:

{ $("select", id:"Some_ID").find("option[selected='selected']")}

请参阅以下附加说明:由于:selected是jQuery扩展名,而不是CSS规范的一部分,因此使用:selected的查询无法利用本机DOM querySelectorAll()方法提供的性能提升。为了在使用:selected选择元素时达到最佳性能,请首先使用纯CSS选择器选择元素,然后使用.filter(":selected")(复制自:http : //api.jquery.com/selected-selector/

您也可以使用 :checked

$("#myselect option:checked").val(); //to get value

或如其他答案所述

$("#myselect").val(); //to get value

$("#myselect option:checked").text(); //to get text
本文地址:http://jquery.askforanswer.com/shiyongjqueryhuoquxialaliebiaozhongxuanzededangqianzhi.html
文章标签:
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!