鍵入文本框後按鈕點擊不再有效

Question

我有一個文本框，我想通過鍵盤添加文本，以及在下拉框中混合一些預先定義的短語。當我第一次來到該頁面是沒有問題的添加詞組到文本框中，但一旦我在按鈕式的東西停止工作

的HTML是：

<div class="tab-pane" id="message"> 
    <textarea rows="4" cols="50" id="send_message" placeholder="Enter text ...">  </textarea> 
    <a href="#message" class="btn btn-large btn-info" data-toggle="tab">Add Phrase</a> 
    <label for=message_list>message_list</label><select id=message_list><option>Hi There.</option><option>How Are You?</option></select> </div> 

我jQuery是：

$('#message').on("click", "a", function(){ 
....... 
.......... 

else if($(this).is(":contains(Add Phrase)")) { 
     $('#send_message').append($('#message_list').text()); 
    } 
}); 

我該如何解決這個問題？

Answer 1

使用val來設置值textarea 和val來訪問選擇值。

您試圖在表單元素上使用append。

$('#send_message').append($('#message_list').text()); 

應該是

$('#send_message').val($('#message_list').val()); 

Check Fiddle

$('#message').on("click", "a", function (e) { 
    e.preventDefault(); 
    if ($(this).is(":contains(Add Phrase)")) { 
     var $message = $('#send_message') 
      previousText = $message.val(); 
     var currText = previousText + ' ' + $('#message_list').val(); 
     $('#send_message').val(currText); 
    } 
});