http://gopincode.com/pincode.net.in/ANDAMAN_AND_NICOBAR_ISLANDS/NICOBAR.html/C/ to http://gopincode.com/pincode.net.in/ANDAMAN_AND_NICOBAR_ISLANDS/NICOBAR.htm/C.html Can i do this with changing in the option value in my website <form id="pofl" action=""><div> <img src="../../image.pincode.net.in/cross.png" width="18" height="14" style="border:0px" alt="" /> <select name="SelectURL" onchange="location.href=document.forms['pofl'].SelectURL.options[selectedIndex].value" class="widthed"> <option value="">Post Office Name 1st Alphabet</option> <option value="NICOBAR/C">C</option> <option value="NICOBAR/G">G</option> <option value="NICOBAR/K">K</option> <option value="NICOBAR/L">L</option> <option value="NICOBAR/M">M</option> <option value="NICOBAR/N">N</option> <option value="NICOBAR/P">P</option> <option value="NICOBAR/S">S</option> <option value="NICOBAR/T">T</option> </select></div> </form> HTML: is there any option in using onchange"location.href by appending .html there please help me with the code.
From the code posted above : <form id="pofl" action=""><div> <img src="../../image.pincode.net.in/cross.png" width="18" height="14" style="border:0px" alt="" /> <select name="SelectURL" onchange="location.href=document.forms['pofl'].SelectURL.options[selectedIndex].value" class="widthed"> <option value="">Post Office Name 1st Alphabet</option> <option value="NICOBAR/C.html">C</option> <option value="NICOBAR/G.html">G</option> <option value="NICOBAR/K.html">K</option> <option value="NICOBAR/L.html">L</option> <option value="NICOBAR/M.html">M</option> <option value="NICOBAR/N.html">N</option> <option value="NICOBAR/P.html">P</option> <option value="NICOBAR/S.html">S</option> <option value="NICOBAR/T.html">T</option> </select></div> </form> Code (markup): Should do the trick. However if there is .htaccess redirection etc you should modify that as well.
See, this is a perfect example of javascript for NOTHING, and destroying anything resembling accessibility while at it. That's not formdata, you're not submitting any fields, so why are you using a form element to select a destination? <div id="selectURL"> Post Office Name 1st Alphabet <ul> <li><a href="NICOBAR/C.html">C</a></li> <li><a href="NICOBAR/G.html">G</a></li> <li><a href="NICOBAR/K.html">K</a></li> <li><a href="NICOBAR/L.html">L</a></li> <li><a href="NICOBAR/M.html">M</a></li> <li><a href="NICOBAR/N.html">N</a></li> <li><a href="NICOBAR/P.html">P</a></li> <li><a href="NICOBAR/S.html">S</a></li> <li><a href="NICOBAR/T.html">T</a></li> </ul> <!-- #selectURL --></div> Code (markup): #selectURL { position:relative; overflow:hidden; height:1.5em; line-height:1.5em; } #selectURL:hover { overflow:visible; } #selectURL ul { position:absolute; top:1.5em; left:0; } Code (markup): Or something along those lines. You want you can ENHANCE the above with scripting, but you shouldn't be using javascript to make a select do a set of anchor's job!