+- CodeIgniter Forums (https://forum.codeigniter.com)
+-- Forum: Archived Discussions (https://forum.codeigniter.com/forumdisplay.php?fid=20)
+--- Forum: Archived Development & Programming (https://forum.codeigniter.com/forumdisplay.php?fid=23)
+--- Thread: jQuery Form Input Loop [solved] (/showthread.php?tid=8155)
jQuery Form Input Loop [solved] - El Forum - 05-07-2008
[eluser]Chris Newton[/eluser]
Code:
var preset_0= new Array();
preset_0[0]='Field 1';
preset_0[1]='Field 2';
preset_0[2]='Field 3';
var preset_1= new Array();
preset_1[0]='Field 1b';
preset_1[1]='Field 2b';
preset_1[2]='Field 3b';
$(document).ready(function() {
$("#presets").change(function() {
// Choose array based on drop down value (preset_1)
// For each array value, fill an input field named like 'input_1' 'input_2', 'input_3', 'input_xx... so on'
});
});
//]]>Need a little jQuery help, if anyone out there would be so kind.
When I make a selection (change) to #preset (which is a drop down with values like 'preset_0 => "Choice 1"') I'd like to fill input fields with the associated array data. With PHP, I'd just use a foreach loop, but I'm not good enough with jQuery to figure out how to do the same.
For each array item, I'd like to fill an input field with the same key (input_field_0, input_field_1, input_field_2) from the selected array.
Is that clear? Am I talkin crazy talk? If I was just going to update 1 field, I know how to do that, just can't figure out the rest.
jQuery Form Input Loop [solved] - El Forum - 05-07-2008
[eluser]xwero[/eluser]
jQuery has for you the each method that does the same as the foreach loop in php5 meaning you can iterate arrays and objects.
jQuery Form Input Loop [solved] - El Forum - 05-07-2008
[eluser]Chris Newton[/eluser]
Ah!!! I've seen that before, but couldn't remember. Thanks Xwero... you're always a font of knowledge. I may have some follow up questions, but I'll try to work out what I can.
jQuery Form Input Loop [solved] - El Forum - 05-08-2008
[eluser]Chris Newton[/eluser]
For anyone that stumbles on this, this is the code that worked:
Code:
$("#presets").change(function() {
// the eval converts the string to the array of the same name
// #presets is the ID of the select box
// option contains the value I want to find
// [@selected] is the option I want to grab
// each expects an array or object with a key & value, that key & value is taken from the preset_xx array selected
$.each(eval("preset_"+ $("#presets option[@selected]").val()),function(key,array_value){
// $data['prefix'] in my case was the prefix for each input that I wanted to target, for instance, ex_, then concatenated with the key
// you could also use this input (or something like that) if you didn't know the IDs of the inputs you wanted to fill
// with jQuery, val() gets the value, val('my value') sets the value.
$("#'.$data['prefix'].'"+(key+1)+" input").val(array_value);
});
});