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

时间:2014-06-17 07:16:37

标签: javascript jquery

我使用以下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();

现在工作正常。

6 个答案:

答案 0 :(得分:1)

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

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

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

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

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

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

答案 1 :(得分:0)

没有输入[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

答案 2 :(得分:0)

我认为你可以通过

获得它
$("#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);
}

答案 3 :(得分:0)

您可以在值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();
});

答案 4 :(得分:0)

根据您想要获得的内容,您可以获得以下值:

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

或所选

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

答案 5 :(得分:0)

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

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

现在工作正常。