从提供的索引的选择列表中获取项目

时间:2014-01-02 21:49:02

标签: jquery listbox selectlist

我有一个使用敲除数据绑定的选择列表。

<select id="listBoxTwo"  size="10" data-bind="options: icdCodesForDxCodeSorterListBox2, value: listBoxTwoSelectedItem">
</select>

使用jquery如何从索引的选择列表中获取项目?

1 个答案:

答案 0 :(得分:1)

由于您正在使用KnockoutJS和jQuery(它们都是简单的Javascript库),因此您可以通过多种方式完成此任务。确定最佳方法需要查看您显然没有的代码。

因此,我会向您展示多种方式(还有更多方法)。

普通的Javascript(可能是最好的,基于你到目前为止所说的)

var listBoxTwo = document.getElementById('listBoxTwo');

//Get the selected value here.
var selectedIndex = listBoxTwo.selectedIndex;
var selectedValue = listBoxTwo.options[selectedIndex].value;

KnockoutJS Binding(我假设这是基于KnockoutJS的文档)

function ListBoxTwoModel() {
    this.icdCodesForDxCodeSorterListBox2 = [
        //Your data here.
    ];
    this.listBoxTwoSelectedItem = ko.observable();
}
var listBoxTwoModel = new ListBoxTwoModel();
ko.applyBindings(listBoxTwoModel);

//Get the selected value here.
var selectedIndex = 10; //assuming you got the index somewhere else.
var selectedValue = listBoxTwoModel.icdCodesForDxCodeSorterListBox2[selectedIndex]; //Access your object's property here.

jQuery(除非你打算用jQuery做其他事情,否则只是第一个的膨胀版本)

var listBoxTwo = $('#listBoxTwo');
var selectedIndex = listBoxTwo.find("option:selected").index();
var selectedValue = listBoxTwo[0].options[selectedIndex].value; //...