以编程方式根据下拉列表中的选定项更改值

时间:2014-04-10 08:31:12

标签: c# asp.net asp.net-mvc

我仍然习惯于从asp.net转换到asp.net mvc,我知道它不能用于动作命令但是我试图改变文本基于用户何时从下拉列表中选择项目的标签。我真的不知道从哪里开始:(

5 个答案:

答案 0 :(得分:1)

您可以使用一些jQuery轻松完成此操作,我在这里为您制作了Fiddle

以下是HTML的外观,包括您在视图中使用纯HTML,或者即使您使用@Html.LabelFor@Html.DropDownListFor

<强> HTML

<label id="myLabel">Select a fruit:</label>
<select id="fruitSelector">
    <option val="">None</option>
    <option val="apple">apple</option>
    <option val="orange">orange</option>
    <option val="mango">mango</option>
</select>

<强>的jQuery

$("#fruitSelector").change(function(){
    $("#myLabel").text("Fruit has been selected");
});

相关帮助

答案 1 :(得分:1)

以下是使用jquery

的简单示例
 @Html.DropDownList("State", ViewBag.StateName as SelectList, 
"Select a State",
 new { id = "State" })

<label id="lbl1"></label>

<script type="text/jscript">
    $(function () {
        $('#State').change(function () {
            $('#lbl1').text($('#State').val());
        });
    });
</script>

答案 2 :(得分:1)

您可以尝试这样的事情

<label id="item">Selected Item: </label>
<select id="selector">
    <option value="">None</option>
    <option value="JS">JavaScript</option>
    <option value="aspnet">Asp.net</option>
    <option value="mvc">Asp.Net MVC</option>
</select>
<label id="result"></label>

$("#selector").change(function()
{
    $("#result").text($(this).val());
});

http://jsfiddle.net/PLbnS/

答案 3 :(得分:0)

首先,您的aspx应如下所示:

<asp:DropDownList AutoPostBack="true" runat="server" ID="myListDropDown" 
                CssClass="text" OnSelectedIndexChanged="myListDropDown_Change" />

您的代码隐藏文件:

private void myListDropDown_SelectedIndexChanged(object sender, System.EventArgs e)
        {
                //put your code here
        }

答案 4 :(得分:0)

简单:

将此代码写入下拉列表的 SelectedValueChanged事件: -

 private void dropdownlist_SelectedValueChanged(object sender, EventArgs e)
        {
                dropdownlist.Items["abc"]=label.text;
                dropdownlist.Items["xyz"]=label.text;

        }