Asp.net mvc 将下拉选择的值绑定到MVC2中的标签

我是VS2010和MVC2的新手。在这里，我从数据库中填充了一个下拉列表。我的HomeControler源代码将是 ` 命名空间SampleControls.Controllers {

} `

我的Index.aspx将是

我想要的是“在SelectedIndexChanged上，所选值应显示在标签中

 <script type="text/javascript">
    function onSelectedIndexChanged() 
      {
       //i know i should write the code here for binding the dropdown selected value to label... But, i dont know how to do this.
      }
</script> 

函数onSelectedIndexChanged（）
{
//我知道我应该在这里写代码，将下拉选择的值绑定到标签…但是，我不知道怎么做。
}

---

更新：

要获取所选文本，请执行以下操作：

<% using (Html.BeginForm()) { %> 
    <%= Html.DropDownList("lstProducts", 
        new SelectList((IEnumerable)ViewData["Emps"], "Id", "Name"), 
        new { onchange = "onSelectedIndexChanged(this)" })%> 
<% } %>

function onSelectedIndexChanged(select) {
    var text = select.options[select.selectedIndex].text;
    document.getElementById('foo').innerHTML = text;
}

---

您好，非常感谢。我想获取选定的文本，但现在选定的值即将出现。哇，非常感谢。它的工作原理我对MVC 2非常陌生。您是否有任何示例应用程序，其中包括下拉列表（选定的更改事件）、复选框（选中的更改事件）、单选按钮（选中的更改事件）etc..@Sridhar R，这比ASP.NET MVC更多的是javascript问题。你看过吗？它可以极大地简化你的javascript开发，网站包含许多有用的示例。是的，我也开始使用JQuery。如果有一个基本的示例应用方法，我将很容易理解它的结构。

<% using (Html.BeginForm()) { %> 
    <%= Html.DropDownList("lstProducts", 
        new SelectList((IEnumerable)ViewData["Emps"], "Id", "Name"), 
        new { onchange = "onSelectedIndexChanged(this.value)" })%> 
<% } %>

<div id="foo"></div>

function onSelectedIndexChanged(value) {
    document.getElementById('foo').innerHTML = value;
}

<% using (Html.BeginForm()) { %> 
    <%= Html.DropDownList("lstProducts", 
        new SelectList((IEnumerable)ViewData["Emps"], "Id", "Name"), 
        new { onchange = "onSelectedIndexChanged(this)" })%> 
<% } %>

function onSelectedIndexChanged(select) {
    var text = select.options[select.selectedIndex].text;
    document.getElementById('foo').innerHTML = text;
}

<% using (Html.BeginForm()) { %> 
    <%= Html.DropDownList("lstProducts", 
        new SelectList((IEnumerable)ViewData["Emps"], "Id", "Name"), 
        new { id="myselect" })%> 
<% } %>

$(function() {
    $('#myselect').change(function() {
        var text = $(this).find('option:selected').text();
        $('#foo').html(text);
    });
});