[SOLVED] Add option to dropdown (select) via JS

[genyded]

Hi,

Does anyone know of a way to add options to a Fabrik form dropdown element via Javascript? Using .add on the element does not work and neither does creating a JS "option" and trying to add it.

TIA,
Dale

 

[Makulia]

You can do something like that:
1) Create hidden <select> with the desired options:

<select class="a1" style="display: none;">
    <option>Option 1</option>
    <option>Option 2</option>
</select>

2) Append your custom options to your dropdown element

$('.a1 option').appendTo('#your_table___dropdown_element_name');

3) Remove hidden <select> from DOM

$('a1').remove;

And that is it!

 

[genyded]

Thanks,

It took some serious trial and error, but I got this working with an easier solution. Here is the dumbed down code (I am actually getting the values from a web service and adding them in a loop, but left that out for brevity):

var folders = $('ep_conference___xcheck_folders');
 
//this just removes and existing values if needed
while (folders.options.length > 0) {
        folders.remove(folders.options.length - 1);
}
 
var opt = document.createElement("option");   
opt.text = "testme";
opt.value = "metoo";
folders.add(opt, null);

Dale