将下拉列表的值传递给文本框答案

【问题标题】：passing values of dropdown to textbox将下拉列表的值传递给文本框
【发布时间】：2012-06-17 10:32:31
【问题描述】：

我的视图中有一个下拉列表、一个提交按钮和一个文本框。当单击提交按钮或下拉列表的 onChange 事件时，我想将下拉列表的选定值传递给文本框。我怎样才能做到这一点？？？？

我是这样解决的：

<script type="text/javascript">
    $(function() {
        $('#ddlComp').change(function() {
            var selectedValue = $(this).val();
            $('#txtCompName').val(selectedValue);
        });
    });
</script>

<div>
    @Html.DropDownList("ddlcomp", Model.CompanyList)
    <input type="submit" value="Submit" />    
    @Html.TextBox("txtCompName")
</div>

【问题讨论】：

我一头雾水，你自己解决了吗？或者你是说这是你尝试过的？
如果这解决了您的问题，请将其发布为您自己问题的答案并将其标记为已解决（如果我没记错的话，我认为几天后可用）。

标签： jquery asp.net-mvc-3 razor

【解决方案1】：

我想将下拉列表的选定值传递给文本框当点击提交按钮或下拉列表的onChange事件

$(function() {
    var selectedValue = ''; // declare variable here

    // on drop down change
    $('#ddlComp').change(function() {
        selectedValue = $(this).val(); // store value in variable
        $('#txtCompName').val(selectedValue); // update on change
    });

    // on submit button click
    $('input[type=submit]').click(function(){
        $('#txtCompName').val(selectedValue); // update on submit button
    });
});

【讨论】：