jquery - 如何使用 jquery 在文本区域中显示项目列表

Question

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

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

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

Answer 1

如果我理解正确，请尝试以下操作：

看小提琴

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().