通过下拉的值,以文本框(passing values of dropdown to textbox)

2019-06-25 13:45发布

我有一个下拉列表,一个提交按钮,在我看来,一个文本框。 我想下拉列表中选择的值传递给点击提交按钮时,文本框或下拉列表的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>

Answer 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
    });
});


文章来源: passing values of dropdown to textbox