使用 jQuery 获取 Ajax:ComboBox 的选定值答案

【问题标题】：Get the selected value of Ajax:ComboBox using jQuery使用 jQuery 获取 Ajax:ComboBox 的选定值
【发布时间】：2013-04-08 10:36:37
【问题描述】：

我想获取一个 asp.net Ajax:ComboBox 的选定值

<Ajax:ComboBox ID="Cmb_Class" runat="server" MaxLength="0"></Ajax:ComboBox>

组合框是从数据库中填充的
我试过了，但它不起作用；

var class = $("#<%=Cmb_Class.ClientID %>option:selected").val();

那是因为在运行时，生成的 html 是

 <div id="Cmb_Class" class="WindowsStyle" style="display:inline-block;">
    <table id="Cmb_Class_Table" class="ajax__combobox_inputcontainer" style="border-width:0px;border-style:None;border-collapse:collapse;display:inline-block;position:relative;top:5px;" cellpadding="0" cellspacing="0">
        <tbody><tr>
            <td class="ajax__combobox_textboxcontainer"><input name="ctl00$CPH_Content$Cmb_Class$Cmb_Class_TextBox" id="Cmb_Class_TextBox" autocomplete="off" style="width: 180px; margin: 0px;" type="text"></td><td class="ajax__combobox_buttoncontainer"><button style="height: 25px; width: 25px; margin: 0px; padding: 0px; visibility: visible;" id="Cmb_Class_Button" type="button"></button></td>
        </tr>
    </tbody></table><ul id="Cmb_Class_OptionList" class="ajax__combobox_itemlist" style="display: none; visibility: hidden; z-index: 10000; overflow-x: hidden; overflow-y: auto; width: 230px; position: absolute; height: 266px;"><li>--Select--</li><li>1-A</li><li>1-B</li><li>1-C</li><li>1-D</li><li>1-E</li><li>1-F</li><li>1-G</li><li>2-A</li><li>2-B</li><li>2-C</li><li>2-D</li><li>3-A</li><li>3-B</li><li>3-C</li><li>3-D</li><li>4-A</li><li>4-B</li><li>4-C</li><li>5-A</li><li>5-B</li><li>6-A</li><li>6-B</li><li>7-A</li><li>8-A</li><li>9-A</li><li>10-A</li><li>11-A</li><li>12-A</li><li>Nursery-lily</li><li>Nursery-sun</li><li>Nursery-moon</li><li>Nursery-sky</li><li>Nursery-tulip</li><li>Nursery-roze</li><li>Nursery-star</li><li>Play Group-Blue</li><li>KG-1</li><li>KG-2</li><li>KG-3</li><li>KG-4</li><li>KG-5</li><li>KG-6</li><li>KG-7</li><li>KG-8</li><li>KG-9</li><li>KG-10</li><li>KG-11</li><li>KG-12</li></ul><input name="ctl00$CPH_Content$Cmb_Class$Cmb_Class_HiddenField" id="Cmb_Class_HiddenField" value="0" type="hidden">
</div>

如您所见，它会生成表格。
那么，我如何使用 jQuery 获取所选值并检查该值是否为空；

【问题讨论】：

你试过$("#Cmb_Class_TextBox").val()吗？
也许这个链接可以帮助你：forums.asp.net/t/1727253.aspx/1
那个链接是通过asp.net ajax，我想通过jquery
你也试过$("#Cmb_Class_HiddenField").val()吗？当您选择一个项目时，li 项目是否更改（新类？，...）？查看输入字段，它们是否包含值？
是的，@Eich，它有效。问题是 _HiddenField 附加到由 asp.net 运行时控制。发布您的答案，以便我接受它

标签： c# jquery webforms

【解决方案1】：

使用隐藏的输入框获取选中的值。

$("#Cmb_Class_HiddenField").val()

【讨论】：

我试过这个var classes = $('#<%= Cmb_Class.ClientID %>_HiddenField'); 并且它有效：D