如何从Combobox更改HTML标记

时间:2012-07-28 13:35:33

标签: c# javascript jquery asp.net html

我有一个aspx页面。不久之后:

<html>
<head>
</head>
<body>
<h1> Stack Overflow </h1>
</body>
</html>

并且有RadCombobox;

 RadCombobox1.Items.Add(new RadComboBoxItem(){ Text = "Stack", Value = "1" });
 RadCombobox1.Items.Add(new RadComboBoxItem(){ Text = "Overflow", Value = "2" });
 RadCombobox1.Items.Add(new RadComboBoxItem(){ Text = "Stack Overflow", Value = "2" });

当我在我的示例中选择第二个项目“溢出”时, 我怎样才能改变&lt; H1&GT;标签? 我想在&lt;中显示H1&GT;标签,我从组合框中选择..

2 个答案:

答案 0 :(得分:0)

您可以使用客户端(jquery)来处理事件或使用telerik处理程序(http://demos.telerik.com/aspnet-ajax/combobox/examples/populatingwithdata/autocompletesql/defaultcs.aspx)。 RadComboBox支持许多客户端事件: OnClientSelectedIndexChanging OnClientSelectedIndexChanged 或者因为Radcombobox通常呈现为输入类型=文本,您可以使用它(根据ClarkeyBoy建议的“更改”事件,或onchange事件(同样的事情)

答案 1 :(得分:0)

在RadComboBox标记上,为onSelectedIndexChanged添加处理程序

<telerik:RadComboBox ID="RadComboBox1" runat="server" onclientselectedindexchanged="OnClientSelectedIndexChanged" .../>

<script>

  function OnClientSelectedIndexChanged(sender, eventArgs) {
     var selectedItem = eventArgs.get_item();
     var selectedItemText = selectedItem != null ? selectedItem.get_text() : sender.get_text();

      //now that you have the text, change H1's text via jQuery
     $('h1').text(selectedItemText);
  }

</script>