Добавляя текст для ввода на клик (JQuery)

Question

получил небольшую проблему на моих руках.

Я добавляю текст для ввода при нажатии. Прекрасно работает, но я хочу добавить текст при нажатии кнопки, а во втором и каждом клике добавить один и тот же текст без повторения/добавления к предыдущему прилагаемому тексту.

Итак, в основном на каждом щелчке, чтобы очистить ввод любого текста (если есть) и добавить один и тот же текст при щелчке.

Я написал следующее JQuery:

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

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

} 
}); 

я попробовал некоторые другие условия, но без успеха. Я не знаю почему.

Answer 1

Я думаю, что это то, что вы ищете.

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

});