select + text input form field at the same time?

@JazztronikMay 23.2010

I’m not sure if this is possible by default, but is there a way to create with HTML a field which is presented like a select input field, but allows the user to enter a text if none of the options is applicable?

to post a comment

HTML

@FangMay 24.2010 — #It does require JavaScript

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
 &lt;html lang="en"&gt;
 &lt;head&gt;
 &lt;title&gt;&lt;/title&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
 
 &lt;script type="text/javascript"&gt;
 window.onload=function() {
 var other = document.getElementById('other');
 other.style.display = 'none';
 document.form1.select1.onchange = function() {
 other.style.display =(this.value=='other')? '' : 'none';
 };
 };
 &lt;/script&gt;
 
 &lt;style type="text/css"&gt;
 * {margin:0;padding:0;}
 &lt;/style&gt;
 
 &lt;/head&gt;
 &lt;body&gt;
 &lt;form action="#" method="post" name="form1"&gt;
 &lt;div&gt;
 &lt;select name="select1"&gt;
 &lt;option value="foo"&gt;foo&lt;/option&gt;
 &lt;option value="bar"&gt;bar&lt;/option&gt;
 &lt;option value="other"&gt;other&lt;/option&gt;
 &lt;/select&gt;
 &lt;label id="other"&gt;other&lt;input type="text" name="other"&gt;&lt;/label&gt;
 &lt;/div&gt;
 &lt;/form&gt;
 &lt;/body&gt;
 &lt;/html&gt;

@JazztronikauthorMay 24.2010 — #Thanks a lot for your help mate! I will do it that way. Nevertheless I think I've seen it sometimes, unless it was Flash-made, this kind of select field which also permitted to enter text if none of the options was the right one.

Cheers! ?

@criterion9May 25.2010 — #Thanks a lot for your help mate! I will do it that way. Nevertheless I think I've seen it sometimes, unless it was Flash-made, this kind of select field which also permitted to enter text if none of the options was the right one.

Cheers! ?[/QUOTE]

Probably using Javascript as well: http://www.baytree-cs.com/combo-select-box.html

@JazztronikauthorMay 25.2010 — #Yesss!! Thank you very much Criterion9! That's exactly what I was asking about. I was quite sure I saw that in html forms. Wow! That's a lot of javascript code to implement an apparently simple field. It's too bad something like this is not implemented by HTML itself.

Best regards!

select + text input form field at the same time?

4 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

select + text input form field at the same time?

4 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #HTML _↴