如何使用jquery顯示textarea中的項目列表

Question

我想在用戶點擊控制輸入按鈕時顯示項目列表。

我知道迄今爲止，我可以使用jQuery觸發器事件來打開一個列表。但我不知道如何在textarea中顯示該列表，以便用戶可以從列表中選擇一個項目並將其設置爲textarea。

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

Answer 1

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

或

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

是正確的。可能是你可以嘗試

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

此外，如果你正在試圖讓按鈕的單擊事件的textarea的值，那麼嘗試得到它在

$(document).ready(). 

Answer 2

如果我理解正確的話，請嘗試以下操作：

看到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(); 

});