单击时将文本附加到输入（JQuery）

Question

我手上有一个小问题。

我在单击时将文本附加到输入。工作正常，但我想在按钮单击时附加文本，在第二次和每次单击时附加相同的文本，而不复制/添加到先前附加的文本。

所以，基本上在每次点击时清除任何文本的输入（如果有的话）并在点击时附加相同的文本。

我写了以下 JQuery ：

$('.button').click(function(){
  $('#inputText').val($('#inputText').val() + 'Text to append');

  if($('#inputText').val() > 0) {
     $('#inputText').val('');
  } else {

}
});

我尝试了其他一些条件，但没有成功。我不知道为什么。

Answer 1

我认为这就是你要找的。​​p>

$('.button').on("click", function(){

  var text = "some text";
  var input = $('#inputText');
  var textLocation = $(input).val().indexOf(text);

  if(textLocation === -1){
    $(input).val( $(input).val() + text );
  }else{
    $(input).val( $(input).val().substr(0, textLocation) + text );
  }

});