2017-08-17 6 views
1

Ich habe einige divs und Array von Eingaben, wenn ich auf div dann Eingang1: last und input2: last muss andere Werte erhalten. Kannst du mir helfen?onclick div Eingabewert ändern

<div class="super" onclick="changeValue(this)">60x90</div> 
    <div class="super" onclick="changeValue(this)">100x150</div> 
    <input name="input1[]" value="40"/> 
    <input name="input2[]" value="50"/> 

function changeValue(o){ 
     if($('div.super').text() == "60x90") { 
     $('input[name="input1[]"]').val('60'); 
     $('input[name="input2[]"]').val('90'); 
     } 
    } 
+0

Sie müssen Ihren Namen Eigenschaften mit Ende Anführungszeichen schließen. Warum verwenden Sie Klammern in den Namenseigenschaften? Außerdem ist Ihre Funktion nicht geschlossen. Außerdem sollten Sie versuchen, wenn ($ (o) .html() == '60X90') {// ... Werte ändern} – daddygames

Antwort

1

function changeValue($this) 
 
    { 
 
     console.log($($this).text()) 
 
     if($($this).text() == "60x90") 
 
     { 
 
      $.each($($this).text().split('x'),function(key,value){ 
 
      $('input[name="input'+(key+1)+'[]"]').val(value); 
 
      }); 
 
     } 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="super" onclick="changeValue(this)">60x90</div> 
 
    <div class="super" onclick="changeValue(this)">100x150</div> 
 
    <input name='input1[]' value="40"/> 
 
    <input name='input2[]' value="50"/>