Заменить значение поля ввода JQuery

Question

Я просто пытаюсь заменить значение следующего поля ввода:

<input id="farbe" style="background-image: url('images/colors/RAL_1001.png'), no-repeat;" value="Farbton wählen"> 

нужное значение я получаю из моего списка автозаполнения. Предупреждение работает нормально (правильное значение), но я не получаю значение поля ввода.

$(document).ready(function() { 
     $('#farbe').on('autocompletechange change', function() { 
      var wert = this.value; 
      alert(wert); 
      $('#farbe').attr("value",wert); 
     }); 
    }); 

Что я делаю неправильно?

Answer 1

разок попробовать

$(document).ready(function(){ 
 
    $('#change').click(function(){ 
 
     $("input:text").val("Raamu"); 
 
    
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="txt-field" value="Samudrala"/> 
 
<button id="change">Chang Value</button>

Answer 2

Используйте .val(), чтобы установить значение и не пытаться изменить атрибут с помощью .attr().

$('#farbe').val(wert); 

Внутри обратного вызова вы можете даже использовать this вместо селектора:

$(this).val(wert);