jquery - 使用 jQuery 获取带有 selectedindex 的选择框值

Question

是否可以使用 jQuery 根据所选索引获取选择框项目的值？我问是因为我实际需要的是下一个/上一个按钮的当前选定索引之前和之后的项目的值。这是我尝试过的代码，但没有成功。

var my_value = $('#my_element_id').attr("selectedIndex").val();

Answer 1

这应该可以做到(在我第三次编辑之后:-))

它相当冗长，但很容易看出它在做什么。我相信你可以缩短它:

这是一个工作示例:http://jsfiddle.net/59SPw/

html:

<select id="my_element_id">
    <option>Alex</option>    
    <option selected="selected">IS</option>
    <option>Cool</option>
</select>

Js:

var selectedIndex = $('#my_element_id :selected').index();

if(selectedIndex  > -1)
{
    selectedIndex = selectedIndex + 1; //index() is 0 based, nth-child is 1 based

    var prevIndex = selectedIndex - 1;
    var nextIndex = selectedIndex + 1;

    var prev = $('#my_element_id :nth-child(' + prevIndex  + ')').val();

    var next= $('#my_element_id :nth-child('+  nextIndex + ')').val();

    alert(prev || "no previous");
    alert(next || "no next");
}