如何在jquery中获取第一个选项值

时间:2015-11-16 07:27:13

标签: jquery

我使用ajax成功即可得到这个结果。所以我需要的是我需要得到第一个值22我该如何才能在jquery中做到这一点?

<option value=22>Bed</option>
<option value=23>Bath</option>
<option value=24>Kitchen</option>
<option value=25>Living</option>
<option value=26>Foam</option>

我试过的是

$j.ajax({
    type: "POST",
    url : "{{ URL::to('getcategoryname') }}",
    data : {'GroupID':GroupID},
    success : function(data){       
        console.log(data.split('option').val()); //my tried line

       }
    });

4 个答案:

答案 0 :(得分:4)

假设您以字符串格式获取部分数据。

您可以创建有效的HTML,然后使用各种遍历方法。

//Create select
var select = $j('<select />', { 
                 html : data
             });             

//find first child option then fetch its value
var v = select.children('option:first').val(); //Even select.children('option').val(); will work

console.log(v);

答案 1 :(得分:0)

是的,您可以通过以下方式获得第一个价值。

var result = $('#selectId option[value!=""]').first().html();

答案 2 :(得分:0)

我想你需要制作一个jQuery对象包装器,你不需要在这里使用split:

console.log($j(data).find('option:first').val()); //my tried line

答案 3 :(得分:0)

下面的代码将为您提供selectedIndex的值

 $("#selectId ").prop("selectedIndex", 0).val();