如何通过javascript从ajax.net ComboBox获取选定的值

Question

我需要通过 javascript 从 ajax.net 组合框获取选定的值，以便我可以进行一些客户端验证。

最好的方法是什么？ 谢谢，

---

我已经能够通过以下方式获取值：

var combo = $get('ddlComarcas');
var comboHidden = $get('ddlComarcas_HiddenField');
var o4 = combo.getElementsByTagName('li')[comboHidden.value].childNodes[0];

alert('"' + o4.data + '"');

但我仍然需要从 o4.data 中修剪该值。任何人都可以指出如何做那个 Visual Studio 2008 jquery？

Answer 1

您可以使用 jQuery 或仅使用 DOM：

jQuery:

var selection = $('#selectID').val();

DOM:

var selection = document.getElementById("selectID").value;

asp.net ->服务器端

JavaScript ->客户端

Answer 2

我认为答案是客户端不存在值，因此无法检索它。有更简单的方法来获取索引（假设初始化已完成）。

selected index:         $find("<%=cboName.ClientID%>").get_hiddenFieldControl().value;
selected index (again): $find("<%=cboName.ClientID%>").get_selectedIndex();
selected text:          $find("<%=cboName.ClientID%>").get_textBoxControl().value;

据我所知，在客户端验证组合框需要对索引或文本有一定的信心，或者需要某种服务器端解决方法。

为了提供主题行的直接答案，可以使用每个组合框值在服务器端创建一个 JavaScript 数组，然后通过选定的索引引用客户端...

代码隐藏：

 // write combobox values to asp:literal
 foreach (ListItem i in cboName.Items)
         litCboValues.Text += "\"" + i.Value.Replace("\"", "\\\"") + "\", ";
 litCboValues.Text = litCboValues.Text.TrimEnd(new char[] {',', ' '});

aspx：

<script>
// array of values
 var cboValues = [ <asp:Literal id="litCboValues" runat="server" /> ];

// add an alert to the combobox to test
function pageLoad()
{
  $find("<%=cboName.ClientID%>").get_textBoxControl().onblur = function () { 
    alert( cboValues[$find("<%=cboName.ClientID%>").get_selectedIndex()] );
  };
}
</script>


<asp:ComboBox id="cboName" runat="server" ...

Answer 3

这在 IE 和 Chrome 中有效（今天） - IE 唯一有用的是调试器 f12 （ - 你可以浏览监视的对象

Following

// i do it on button but you could probably do it on a combo event
Follow

 function addFollowed() {
      var combo = $get('<%= FollowListBox.ClientID %>'); 
      var toFollow = combo.control._textBoxControl.value;