javascript - need some advice on using getElementsByTagName -
could please explain me in details getelementsbytagname , how iterate through node list returned getelementsbytagname.
here simple script want display selected index in alert window use of getelementsbytagname. know might not solution use getelementsbytagname in order selected option value still use getelementsbytagname may me better understand how works
<script language="javascript"> <!-- function process(){ var = document.getelementbyid('myselect'); var res = a.options[a.selectedindex].text; alert(res); } //--> </script> and here html snippet:
<body> <select name=""id="myselect" onchange="process()"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> so question is:
can tell me how make script work using getelementsbytagname instead of getelementbyid?
many thanks!
using getelementbyid select , getelementsbytagname read options
function process(){ var sel = document.getelementbyid("myselect"); var opts = sel.getelementsbytagname("option"); for(var i=0;i<opts.length;i++){ if(opts[i].selected){ alert(opts[i].innerhtml); break; } } } using getelementsbytagname select , getelementsbytagname options
function process(){ var sels = document.getelementsbytagname("select"); for(var i=0; i<sels.length;i++){ var opts = sels[i].getelementsbytagname("option"); for(var j=0;j<opts.length;j++){ if(opts[j].selected){ alert(opts[j].innerhtml); break; } } } } using getelementsbytag name select , options object
function process(){ var sels = document.getelementsbytagname("select"); for(var i=0; i<sels.length;i++){ var sel = sels[i]; alert( sel.options[sel.selectedindex].text ); } }
Comments
Post a Comment