Drop down/select - add option

[Nanos]

Hi all,
For the form I need to create drop down select with different options
(dynamicly from DB). That's easy in PHP. But there also should be the
possibility to enter own option if one is not
listed. Is there a way to do it. Did anyone come accross of any tool/script?
Thank you in advance for any hint,
emanuel

 

[Ivo]

"Nanos" asks:

Hi all,
For the form I need to create drop down select with different options
(dynamicly from DB). That's easy in PHP. But there also should be the
possibility to enter own option if one is not listed.

<script type="text/javascript">
function changed(el){
if(el.options[el.selectedIndex].value=='other') {addoption(el);}
}
function addoption(el){
var txt=prompt('Please enter the text of the new option:','Add me!');
if(txt==null) {return;}
var val=prompt('Please enter the value of the new option:','example');
// if(val==null) {return;}
var o=new Option( txt, val, false, true);
el.options[el.options.length]=o;
}
</script>

<select name="mylist" onchange="changed(this)">
<option value="some">more of
<option value="the same">the same
<option value="other">other
</select>

This is a simple approach. All sorts of details can be done differently.
HTH
Ivo

 

[Nanos]

Thank you Ivo, will try it shortly,
emanuel

"Nanos" asks:

Hi all,
For the form I need to create drop down select with different options
(dynamicly from DB). That's easy in PHP. But there also should be the
possibility to enter own option if one is not listed.

<script type="text/javascript">
function changed(el){
if(el.options[el.selectedIndex].value=='other') {addoption(el);}
}
function addoption(el){
var txt=prompt('Please enter the text of the new option:','Add me!');
if(txt==null) {return;}
var val=prompt('Please enter the value of the new option:','example');
// if(val==null) {return;}
var o=new Option( txt, val, false, true);
el.options[el.options.length]=o;
}
</script>

<select name="mylist" onchange="changed(this)">
<option value="some">more of
<option value="the same">the same
<option value="other">other
</select>

This is a simple approach. All sorts of details can be done differently.
HTH
Ivo