I wanted to use a form drop down so users could input to change the result of say a sentence. Kinda like Mad Libs. I have read lots of tutorials on forms and they all talk about email notifications and what not, I simply want the value of the text or drop down box to display in a sentence.

Example:



sorry the picture looked better when I made it, but you get the idea. I assume it needs some sort of tag or something, or maybe java to make it work.

This cant be achieved with only html, you need javascript/php/asp something like that.

Try searching for php/javascript forms and you will find soon enough example's of what you are trying to create.

Just the kind of silly bit of programming I like to do just for fun.

<select id="s1" onchange="document.getElementById('word1').innerHTML = this.value;" >
<option value="One">One</option>
<option value="Two">Two</option>
<option value="Three">Three</option>
<option value="Four">Four</option>
<option value="Five">Five</option>
<option value="Six">Six</option>
<option value="Seven">Seven</option>
<option value="Eight">Eight</option>
<option value="Nine">Nine</option>
<option value="Ten">Ten</option>
</select>
<select id="s1" onchange="document.getElementById('word2').innerHTML = this.value;" >
<option value="Red">Red</option>
<option value="Green">Green</option>
<option value="Blue">Blue</option>
<option value="Orange">Orange</option>
<option value="Yellow">Yellow</option>
<option value="Brown">Brown</option>
<option value="Black">Black</option>
<option value="White">White</option>
<option value="Purple">Purple</option>
<option value="Mauve">Mauve</option>
</select>
<select id="s3" onchange="document.getElementById('animal').innerHTML = this.value;" >
<option value="Horse">Horse</option>
<option value="Frog">Frog</option>
<option value="Cat">Cat</option>
<option value="Dog">Dog</option>
<option value="Elephant">Elephant</option>
<option value="Horse">Horse</option>
<option value="Camel">Camel</option>
<option value="Newt">Newt</option>
<option value="Lion">Lion</option>
<option value="Salamander">Salamander</option>
</select>
<div id="sentence">Behind door <span id="word1">??????</span> there lives a <span id="word2">??????</span>   <span id ="animal">??????</span>! </div>

demo at http://www.modtalk.co.uk/_site/code/...ord-selectors/

Thanks to "TheSir" for your reply to point me in the right direction. I have only just started working with web sites for about 6 months & still have lots to learn.

Chrishirst you Rock!! that's exactly what I was looking for. I pasted the code it into FrontPage and it works perfect. I have been searching for a couple of months for an answer. Should have joined webmaster-talk along time ago.


p.s. Thanks for putting my post where it belongs.

Chrishirst thanks for sharing very useful information. I have been searching for this script similar to this one for quite sometime. I think i found what i was looking for.