2017-08-17 5 views
2

Ich habe ausgewählt und einige Eingaben (Bereich + Text). Ich muss tun, wenn ich einen der Select-, Eingabe-Get-Werte auswähle, aber der Code funktioniert nur mit der ersten Wahl. Wenn ich meine Wahl ändere, ändert sich der Wert nicht. Was soll ich korrigieren?jQuery Wenn slect option label = ... setze Eingabewert

$(document).ready(function() {  
    $("div.roword select").change(function() { 
     var text = $(this).find("option:selected").text(); 
     if (text = "60x90") { 
      $("input#height, input#heightPlus").attr('value', '60'); 
      $("input#width, input#widthPlus").attr('value', '90'); 
      $("input#height, input#width").focus(); 
      $("input#height, input#width").blur(); 
      } else 
     if (text = "100x150") { 
      $("input#height, input#heightPlus").attr('value', '100'); 
      $("input#width, input#widthPlus").attr('value', '150'); 
      $("input#height, input#width").focus(); 
      $("input#height, input#width").blur(); 
      } else 
     if (text = "120x180") { 
      $("input#height, input#heightPlus").attr('value', '120'); 
      $("input#width, input#widthPlus").attr('value', '180'); 
      $("input#height, input#width").focus(); 
      $("input#height, input#width").blur(); 
      } 
    }); 
}); 
+3

Verwenden '=='/'' === Vergleichsoperator statt '=' Zuweisungsoperator, wenn Block dh 'Text === "100x150"' und um den Wert zu setzen, benutze '.val()' method ie '$ (" input # width, input # widthPlus "). val (90)' – Satpal

Antwort

2

Convert: -

if (text = "60x90") { 

An: -

if (text == "60x90") { //or if (text === "60x90") { 

Und so weiter für andere

Da = ist Zuordnung-Operator nicht Vergleichsoperator.

Und

Änderung

$("input#height, input#heightPlus").attr('value', '60'); 

An: -

$("input#height, input#heightPlus").val(60); 

So-on für andere attr('value') auch ......

kompletter Code muß so sein: -

$(document).ready(function() {  
    $("div.roword select").change(function() { 
     var text = $(this).find("option:selected").text(); 
     if (text == "60x90") { 
      $("input#height, input#heightPlus").val(60); 
      $("input#width, input#widthPlus").val(90); 
      $("input#height, input#width").focus(); 
      $("input#height, input#width").blur(); 
     } 
     else if (text == "100x150") { 
      $("input#height, input#heightPlus").val(100); 
      $("input#width, input#widthPlus").val(150); 
      $("input#height, input#width").focus(); 
      $("input#height, input#width").blur(); 
     } 
     else if(text == "120x180") { 
      $("input#height, input#heightPlus").val(120); 
      $("input#width, input#widthPlus").val(180); 
      $("input#height, input#width").focus(); 
      $("input#height, input#width").blur(); 
     } 
    }); 
}); 
Verwandte Themen