通过从下拉列表中选择值将文本添加到文本框中

时间:2011-12-23 08:56:31

标签: html ajax jquery

我在ajax中有两个下拉列表,而另一个是在html中我想将dropdown的值从每个dropdown.how添加到文本框中以将所选值添加到文本框中? 我的代码是

        <script type="text/javascript">
        $(document).ready(function () {
        $.ajax({
            url: 'ListOfEmployees',
            success: function (data) {
                $.each(data, function (i, e) {
                    $('#DepartmentId').append('<option value="' + e.DepatID + '">' + e.DepartmentName);
                      var myValue = $(this).val();
                });
            }
        });
    });
</script>

        <td>
            <%=Html.DropDownList("ForModalityID", new SelectList(Model.ModalityList, "ModalityID", "ModalityDisplayName"))%>
        </td>

         <td>Name </td><td>
    <%= Html.TextArea("sfv") %>
    </td>

我是这个领域的新手。我无法在文本区域中添加选定的下拉列表值.... 帮助我......谢谢

1 个答案:

答案 0 :(得分:2)

试试这个:

$('select').change(function(){
       $('#IdOfText').html($(this).val();)
});

您将.change()事件绑定到<select>,获取<select>的值,并将其设置为您的html文本框。

$.html()http://api.jquery.com/html/

$.change()http://api.jquery.com/change/

$.val()http://api.jquery.com/val/