如何使用JQuery在DOM選擇對象上查找選定的索引？

function foo(selectControl) { ... }

和下面的HTML：

<select onchange="foo(this)"> ...

jQuery中，我怎麼模擬了以下功能：

$('#selectList :selected').text();

的時候，而不是，我傳遞圍繞真正的DOM對象。我知道我可以包裝DOM對象並調用像

$(selectControl).val();

操作，但我專門問如何複製JQuery的串選擇機制：

$('#selectList :selected')

可以使用的背景說法jQuery功能：

$(':selected', selectControl).text();

查看示例here。

雖然我會建議你以編程方式綁定的事件：

$('#selectID').change(function() { 
    //... 
});

2010-02-28 05:05:58 CMS

你問如何本身做到這一點，沒有jQuery的？我相信這將是：

selectControl.options[selectControl.selectedIndex]

然後.value或.text過這一點。

2010-02-28 05:18:08

比方說，你搶選擇元素：

var select = document.getElementById('selectId');

你可以得到這樣的選擇選項的文本：

var text = select.options[select.selectedIndex].innerHTML;

（是的，這得到HTML，但你可以挖下去並獲得文本節點的內容，如果你想。）

2010-02-28 05:18:14 Pointy

回答