Question

我想在用户点击control-enter按钮时显示项目列表。

到目前为止，我知道我可以使用jquery触发器事件来打开列表。但我不知道如何在textarea中显示该列表，以便用户可以从列表中选择一个项目并将其设置为textarea。

$("textarea").trigger(some event here to open the list);

Answer 1

如果我理解正确，请尝试以下方法：

查看FIDDLE

HTML：

<div id="myDiv">
    <a>Enter</a><br />
    <div>
      <textarea>

      </textarea>
    </div>
</div>

<div id="select">
<select id="abc1">
  <option value="volvo">Option1</option>
  <option value="saab">Option2</option>
  <option value="mercedes">Option3</option>
  <option value="audi">Option4</option>
</select>
</div>

JS：

$('#myDiv a').click(function(){
$('#select select').appendTo('#myDiv');
$('#select').css('display','block');

var text1 = $('#abc1 option:selected').val();
$('#myDiv textarea').html(text1);

    $("#abc1").change(function () {
  var str = "";
  $("#abc1 option:selected").each(function () {
            str += $(this).text() + " ";
  });
  $("#myDiv textarea").html(str);
})
.change();

});

Answer 2

var text = $('textarea#msg').val();

或

var text = $("#msg").val();

是对的。也许你可以试试

var text = $("#msg").text();.

如果你想在按钮的点击事件中获得textarea的值，那么尝试在

中获取它

$(document).ready().

如何使用jquery显示textarea中的项目列表

2 个答案: