jQuerys .val() setzt den bootstrap-input-Wert nicht

Question

Ich suche jetzt eine Weile ohne Ergebnisse, also habe ich beschlossen, euch zu fragen. :)

Ich habe einige Bootstrap-Eingänge wie:

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

Normaly würde ich Daten wählen wie

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

Das Problem ich habe, ist, möchte ich ein Element wählen eine bestimmte Zeichenfolge enthält dass wird vor wie gesetzt:

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

Offensichtlich .val() nicht Sätze th Der Wert des Eingabefeldes. Ich habe extra eine Zeile wie

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

hinzufügen oder kombinieren Sie es wie

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

Der actuall Code, den ich das entsprechende Element verwenden möchten, auszuwählen und zu entleeren ist:

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

(Wählen Sie Input from X inputs, das die Zeichenfolge enthält)

Aber da ich bootstrap benutze muss ich explizit zu müssen Setzen Sie den Wert mit .attr()

Gibt es einige im fehlen oder ist dies die einzige Möglichkeit, es zu tun?

Here is a Fiddle

Answer 1

1. wenn Sie $('#start_name').val('here') verwenden und $('#start_name').prop('value','here')wird die Zuordnung der Wert this.value

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

   und

   mit Wert suchen

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

2. $('#start_name').attr('value', 'here1');setzt den Wert in dies.Attribute

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

   und mit dem Wert

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

Answer 2

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

Answer 3

Bit von Umwegen versuchen, aber wir können

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

jQuery Selektoren die wörtliche HTML auszuwählen tun. Wenn Sie einen Wert mit .val() festlegen, wird die Eigenschaft "Wert" des HTML-Objekts festgelegt. Es setzt nicht den Literaltext im HTML, den jQuery mit seinem Selektor verwendet. Stattdessen greifen wir alle Eingaben auf und geben eine Liste von Elementen zurück, deren Eigenschaft "value" mit unserer Suchzeichenfolge übereinstimmt. Anstatt grep zu verwenden, könnten Sie eine for-Schleife, eine Map usw. verwenden und die Suche wahrscheinlich schneller machen.