html listbox click事件(html帮助器类)

时间:2013-01-14 12:29:08

标签: c# asp.net-mvc-4 html-helper

我正在使用asp .net mvc 4.0,vs2010

我有一个列表框和textarea:

<div class="editor-list-field">
        @Html.ListBoxFor(model => model.TableColumn, new SelectList(Model.TableColumn), new { @class = "listofcolumn" , name="listofcolumn"})
        @Html.ValidationMessageFor(model => model.TableColumn)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.Content)
    </div>

    <div class="editor-multiline-field">
        @Html.TextAreaFor(model => model.Content, new { cols=60,@rows=10, @class = "textarea" name = "textarea"})
        @Html.ValidationMessageFor(model => model.Content)
    </div>

我想知道,我怎样才能生成像listbox_doubleclick这样的事件(例如:它可能像任何事情一样)并做我必须做的事情。

我必须将列表框中的所选项目显示给textarea。我想简单地做。

我从昨天开始上网寻求解决方案,但无法完成任务以完成任务。

修改

我尝试了一些jQuery但没有结果:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js">
$(function() {
    ​$('#listofcolumn')​.dblclick(function() { alert('clicked');
        if ($(this).is(':selected')) {
            var selectedId = $(this).val();
            var selectedText = $(this).text();
            alert(selectedText);
            $('#textarea').val(selectedText);
        }


      });
 });

    </script>

1 个答案:

答案 0 :(得分:1)

您可以使用jQuery和dblClick

$('textarea').on('dblclick', function () {
  alert('hola');
});