在文本框中键入内容后，单击按钮将不再有效

Button click no longer works after typing into textbox

本文关键字：单击 按钮 有效 不再 文本      更新时间：2023-09-26

我有一个文本框，我想通过键盘向其中添加文本，并从下拉框中混合一些预定义的短语。当我第一次进入页面时，将短语添加到文本框中没有问题，但一旦我在按钮中键入内容，就会停止工作

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());
    }
});

我该怎么解决这个问题？

使用val设置textarea的值和val来访问选择值。

您试图在表单元素上使用append。

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

应该是

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

检查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);
    }
});
相关文章：