Заменить строку в атрибуте с помощью jQuery

Question

Я пытаюсь заменить строку в атрибуте с помощью jQuery.

Вот HTML-

<input type="text" class="wu-autocomplete ui-autocomplete-input" value="Hongkong, China" autocomplete="off"> 

Так в основном, значение «Гонконг, Китай» должен быть заменен на новую строку под названием «образец».

Какой самый практичный способ сделать это с помощью jQuery?

Спасибо!

Answer 1

Чтобы изменить значение входного поля вы можете просто использовать .val() -функции JQuery:

$('input[type=text]').val('sample'); 

Если вы хотите изменить атрибут явно в HMTL-разметки вы можете использовать .attr() - функция:

$('input[type=text]').attr('value', 'sample'); 

Конечно, вы можете использовать любой другой селектор, соответствующий вашим потребностям.

Demo

Answer 2

во-первых, дать этому элементу идентификатор, например, txtInput:

<input id="txtInput" type="text" class="wu-autocomplete ui-autocomplete-input" value="Hongkong, China" autocomplete="off"> 

тогда просто сделать:

$('#txtInput').val('NEW VALUE!'); 

примечание: для того, чтобы изменить ВСЕ значения ввода текста, используйте:

$('input[type="text"]').val('NEW VALUE!'); 

надеется, что это поможет.

Answer 3

Используйте простой jQuery здесь. Поскольку это вход, вы можете использовать метод val(), например, так:

var input = $('.ui-autocomplete-input'); 
input.val('sample'); 

Чтобы найти поле, которое вы можете использовать:

var input = $('input[type=text]') // will search by type 

или

var input = $('.ui-autocomplete-input') // will search by class name 

Но самое лучшее решение было бы добавить идентификатор к вашему вводу и выбрать элемент по id:

var input = $('#inputId')