How can I change a form's input value with javascript

Question

How can I change a form's input value with javascript depending on witch combobox item is selected. I have a form with some imported values, and there is a field of witch imported value can be changed via a combobox. In my case:

print("<input type='hidden' name='issue_array[{$issue["nr"]}][\"supplier\"]' value='{$issue["supplier"]}' />");

I have a combobox, that if I change it's value, should change the value of the input above.

This is what I tried:

print("<select name='supplier_combo' onchange='setSupplierInputValue(this.value, ${issue['nr']})'>");

and the script:

  echo "\r\n" . '<SCRIPT TYPE="text/javascript">' . "\r\n";
  echo 'function setSupplierInputValue(value, issue_nr)' . "\r\n";
  echo '{' . "\r\n";     
  echo '      issue_array[issue_nr]["supplier"] = value;';         
  echo '}' . "\r\n";     
  echo '</SCRIPT>'. "\r\n";

But it doesn't work, please help.

You could probably significantly simplify the thing you're trying to do, e.g. with Smarty template engine to avoid hard-coded markup. — Ain Tohvri
– Ain Tohvri, Commented Jun 14, 2010 at 9:35

oezi · Accepted Answer · 2010-06-14 09:33:29Z

2

change your line

issue_array[issue_nr]["supplier"] = value;

to look like this (you have to select the hidden field by using getElementsByName - or set an id for the hidden field and use getElementById):

document.getElementsByName('issue_array['+issue_nr+']["supplier"]')[0].value = value;

answered Jun 14, 2010 at 9:33

oezi

51.9k10 gold badges102 silver badges119 bronze badges

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

Comments

LostMohican · Accepted Answer · 2011-11-19 20:19:55Z

0

give the combobox an id for example selection and id for the input say inputExample, so using jquery you can

   $('#selection').change(function(){
         //you get the value using $('#selection option:selected').text()
         $('#inputExample').val('somevalue you determined');
    })

I hope it helps. You can also see the reference on jquery site : http://api.jquery.com/change/

answered Nov 19, 2011 at 20:19

LostMohican

3,1447 gold badges33 silver badges42 bronze badges

Collectives™ on Stack Overflow

How can I change a form's input value with javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related