onclick div change input value

Question

I have some divs and array of inputs when I click on div then input1:last and input2:last must get other values. Can you help me?

    <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');   
        }
    }

You need to close your name properties with end quotes. Why are you using brackets in the name properties? Also, your function is not closed. Plus, you should try if ($(o).html()=='60X90') { //... change values } — daddygames
– daddygames, Commented Aug 17, 2017 at 20:37

Farhad Bagherlo · Accepted Answer · 2017-08-17 20:45:59Z

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"/>

edited Aug 17, 2017 at 20:45

answered Aug 17, 2017 at 20:38

Farhad Bagherlo

6,6993 gold badges30 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

onclick div change input value

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related