jquery - 如何使用jquery获取下拉列表中json变量的值？

Question

<option value="PRODUCT_TYPE">1.3</option>

我想使用下面的代码获得 1.3，但我没有得到它....

var OperatingSystem = document.getElementById("<%=ddlOS.ClientID %>"); 
var size = OperatingSystem.options.length; 

for (var i = 0; i < size; i++) { 
    if (OperatingSystem.options[i].text === obj.OperatingSystem) { 
        $("#ddlos").val(i); 
        $("#ddlOS").multiselect("refresh"); break;
    }
}

Answer 1

我通过使用以下方法解决了这个问题：

var OperatingSystem = document.getElementById("<%=ddlOS.ClientID %>"); 
var size = OperatingSystem.options.length; 
for (var i = 0; i < size; i++) 
{ 
   if (OperatingSystem.options[i].text === obj.OperatingSystem) 
 { 
   operatingsystem.selectedindex=i;
   $("#ddlOS option:selected).text();
   $("#ddlOS").multiselect("refresh"); 
   break;
 }
}

Answer 2

正如迈克所说，您可以使用 innerHTML 或 Text。

你可以像这样用 jquery 得到它：

http://jsfiddle.net/YNtxm/

function DoSomething()
{
var foo = $("select").find(":selected").text();
alert(foo);
}

Answer 3

您需要查看从html()（或 javascriptinnerHTML属性）离子顺序返回的值，以确定选项的可见选择内容。 val()返回标签的value属性，在您的示例中为PRODUCT_TYPE.

Answer 4

你在这里有几个问题。我会重构为这样的：

var $ddl = $('<%=ddlOS.ClientID %>');
$ddl.val($ddl.find('option').filter(function () {
    return $(this).text() == obj.OperatingSystem;
}).val());

这是 javascript 的演示：http: //jsfiddle.net/uQfEA/