Question

I am new to JavaScript. This request seems simple enough but cant seem to get it to work.

I want to select from a drop down menu and return the value in the HTML. As I have it now, it returns the value in a text box, but I want it to write it without using a text box, just simply return it in the <p></p>.

http://jsfiddle.net/Ppk5k/

Answer 1

Here you go:

function favBrowser()
{
var mylist=document.getElementById("myList");
document.getElementById("favorite").innerHTML = mylist.options[mylist.selectedIndex].text+".";

}

You have to use innerHTML to set the HTML of #favorite to the browser selected.

Working example: http://jsfiddle.net/Ppk5k/6/

Update

To get the value and text:

function favBrowser() {
    var mylist = document.getElementById("myList");
    document.getElementById("favorite").innerHTML = mylist.options[mylist.selectedIndex].text;
    document.getElementById("favorite").innerHTML += " and the value of that option is " + mylist.options[mylist.selectedIndex].value + ".";
}

If you selected Google Chrome it will output:

Your favorite browser is Google Chrome and the value of that option
is G.

And for the example: http://jsfiddle.net/Ppk5k/13/