使用Jquery获取值表单下拉列表

Question

我使用以下jquery函数获取表行中的下拉值。但是它没有给出值。

HTML

<select id='statusprocess'><option value='optSelected'>Selected</option><option value='optNotSelected'>Not Selected</option></select>

JQUERY

     var select = $(this).closest('tr').find('input[type="select"]').map(function () {
                    return this.text();
                }).get();

如何查找下拉列表并获取选定的选项文本？

答案是：

这是在Table中查找下拉列表并获得选定文本的确切方法。

var select = $(this).closest('tr').find('select option:selected').text();

现在工作正常。

Answer 1

由于您已经拥有该ID，为什么不通过ID获取它？

$("#statusprocess").val();

上述语句返回'optSelected'或'optNotSelected'。

或者，如果你指的是“选项文字”而不是“选项价值”，你可以试试这个。

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

上述声明返回“已选择”或“未选择”。

Answer 2

没有输入[type = select]。

您的dropdown list是<select>元素，而不是<input type="select" />。因此，您应该使用select而不是input[type = "select"]。

选择的选项值：

$(this).closest('tr').find('#statusprocess').val();

选择的选项文字：

$(this).closest('tr').find('#statusprocess option:selected').text();

Working Example

如果你在tr中有一个下拉列表，你也可以使用元素选择器（即select）：

选择的选项值：

$(this).closest('tr').find('select').val();

选择的选项文字：

$(this).closest('tr').find('select option:selected').text();

Working Example

Answer 3

我认为你可以通过

获得它

$("#statusprocess").val()

---

HTML

<select id='statusprocess' onChange="getIt()"><option value='optSelected'>Selected</option><option value='optNotSelected'>Not Selected</option></select>

SCRIPT

function getIt(){
var i=$("#statusprocess").val()
alert(i);
}

Answer 4

您可以在值changes时获取下拉列表的值。因此，使用change方法获取option更改时的值。 JQuery Doc

$('input[type="select"]').change(function(){

var value = $( "select option:selected" ).text();
});

<强>更新

您也可以通过使用该类来获取值。

$(".selectboxClass").on('change',function(){
var value = $( ".selectboxClass option:selected" ).text();
});

Answer 5

根据您想要获得的内容，您可以获得以下值：

$("#statusprocess").val();

或所选

的文字

$("#statusprocess option:selected").text();

Answer 6

这是在Table中查找下拉列表并获得选定文本的确切方法。

var select = $(this).closest('tr').find('select option:selected').text();

现在工作正常。