jQuerys .val() не устанавливает значение начальной загрузки

Question

Я искал какое-то время без результатов, поэтому я решил спросить вас, ребята. :)

У меня есть некоторые Bootstrap-входы, такие как:

<input class='form-control' id='start_name' /> 
<input class='form-control' id='end_name' /> 

Normaly Я бы выбрать данные, такие как

var myValue = $('#start_name').val(); 

У меня есть проблема, я хочу, чтобы выбрать элемент, содержащий указанную строку что получает набор перед тем, как:

$('#start_name').val('foobar'); 

Очевидно .val() не множества й e значение входного поля. Я должен дополнительную добавить строку типа

$('#start_name').attr('value', 'foobar'); 

или объединить его как

$('#start_name').val('foobar').attr('value', 'foobar'); 

В actuall код я хочу использовать, чтобы выбрать соответствующий элемент и опорожнить это:

$("input[value='" + theSpecifiedValue + "']").val(''); 

(выберите Вход из X входов, содержащих строку)

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

Есть ли некоторые недостающие или это единственный способ сделать это?

Here is a Fiddle

Answer 1

1. если вы используете $('#start_name').val('here') и $('#start_name').prop('value','here')является присвоение значения для this.value

   $('#start_name').val(); // here

   и поиск со значением

   $('body input').filter(function() { return this.value == 'here' }).val('gone'); 
   

2. $('#start_name').attr('value', 'here1');устанавливает значение в .Атрибуты

   $('#start_name').attr('value'); // here1

   и поиск со значением

   $("body").find("input[value='here1']") 
   

Answer 2

Попробуйте

$(function() { 
     $("body").find("input[value='" + theSpecifiedValue + "']").val(''); 
}); 

Answer 3

бит окольным путем, но мы можем сделать

$($.grep($("body").find("input"),function(e,i){ return e.value === myValue })).val('gone');

JQuery селекторы использовать буквальный HTML для выбора. Установка значения с помощью .val() устанавливает свойство «значение» объекта html. Он не устанавливает изменение буквального текста в HTML, что и использует jQuery с его селектором. Поэтому вместо этого мы захватываем все входы и возвращаем список элементов, где свойство «value» соответствует нашей строке поиска. Вместо использования grep вы можете использовать цикл for, map и т. Д. И, возможно, быстрее выполнять поиск.