How to get a dynamic text box for input

[venkatdrp]

Hi,

I have a combo box with few predefined values, but i want to allow the user even to add a new value which is not available in the list, what can i do for this?,

i am using PHP and MySQL

for example:

<select name="Category">
<option value="SoftWare"> Soft Ware</option>
<option value="HardWare"> Hard Ware</option>
<option value="Docs"> Documents</option>
<option value="Others"> Others </option>
</select>

I would like to allow the user to enter some value in a text box which should be displayed automatically when i select the option of "Others" in the Combobox.

Thank you.

[jenkinsloveschicken]

venkatdrp,

Welcome to TSDN!

Well since PHP is server-side this can't be dynamic in the sense of a postback refresh without using client-side scripting like js. I would imagine you could have a seperate submit that sends the value back to the current script and conditionally appends the <option> with the passed information.

Or you could store the option values in a table and use the submit coupled with an insert into and re-code the option selects to be dynamic as part of a while/for loop.

Regards,
Jenkins

[skyson2ye]

Hi,

I have a combo box with few predefined values, but i want to allow the user even to add a new value which is not available in the list, what can i do for this?,

i am using PHP and MySQL

for example:

<select name="Category">
<option value="SoftWare"> Soft Ware</option>
<option value="HardWare"> Hard Ware</option>
<option value="Docs"> Documents</option>
<option value="Others"> Others </option>
</select>

I would like to allow the user to enter some value in a text box which should be displayed automatically when i select the option of "Others" in the Combobox.

Thank you.

Hi, you need to use javascript for that task:

for example:

<script language="JavaScript">

function handleText(elem)
{
document.myform.MyTextBox.value = elem.value;
}
</script>

//then create your combobox with a event(onChange) handler
<select name="Category" onChange="handleText()">
<option value="SoftWare"> Soft Ware</option>
<option value="HardWare"> Hard Ware</option>
<option value="Docs"> Documents</option>
<option value="Others"> Others </option>
</select>

[ifedi]

I guess what you're trying do is NOT really appending an extra option to the select/option group, but revealing the textbox when 'others' is selected, so the user can enter the value.

In that case the answer is JavaScript. You may need to make a conditional script, to show the new textbox element only when 'others' is selected. You can then you php to recollect the POST or GET data and do whatever you want with it.

Best of luck.
Regards, Ifedi.