java - Get selected value from dynamic selection list -

java - Get selected value from dynamic selection list -

i working on jsp project have dynamic selection list. values in list alter according value selected in 1st selection list. here's code:

<script language="javascript" type="text/javascript"> function optionschange(){ var service = document.getelementbyid("service").value; if(service == 'gsm'){ document.getelementbyid("cdmaservice").value= ''; document.getelementbyid("cdmaservice").style.display = 'none'; document.getelementbyid("gsmservice").style.display = 'block'; $('gsmservice').attr('name', 'services'); }else if(service == 'cdma'){ document.getelementbyid("gsmservice").value= ''; document.getelementbyid("gsmservice").style.display = 'none'; document.getelementbyid("cdmaservice").style.display = 'block'; $('cdmaservice').attr('name', 'services'); } } </script> <select id="service" onchange="javascript:optionschange();"> <option value="gsm">gsm</option> <option value="cdma">cdma</option> </select> <td id="gsmservice" ><select name="services" > <option value="combo offer">combo offer</option> <option value="cricket">cricket</option> <option value="astro">astro</option> </select> </td> <td id="cdmaservice" style="display:none"><select name="services" > <option value="combo offer cdma">combo offer cdma</option> <option value="win dream">win dream</option> <option value="voice chat">voice chat</option> </select> </td>

now when user selects service, lets "gsm", , selects service sec list, lets "astro". clicks on button redirects him next page sees "astro" printed. works fine. if user selects "cdma" 1st list , selects, let's "voice chat" sec list. still prints "astro" on next page. should print "voice chat".

this method submit form:

<script language=javascript> function submitform(actionstr) { if(actionstr=="user details") { document.login.action="showusrdetail.jsp"; document.login.submit(); } }

this code button:

<input type="button" value="user details" onclick="submitform(this.value);"/>

then redirects page ""showusrdetail.jsp". , when name of service printed on console. code is:

<% string service = request.getparameter("services"); system.out.println("value added service selected ="+service); %>

if alter first selection cdma , select service sec selection list, still prints service under gsm.

can please help me out?

you can write javascript function selected value instead of getting same servlet. set javascript function in script tab language javascript.

function jsgetselecteditem() { var dropdownindex = document.getelementbyid('service').selectedindex; var dropdownvalue = document.getelementbyid('service')[dropdownindex].text; } <select id="service" onchange="jsgetselecteditem()"> <option value="gsm">gsm</option> <option value="cdma">cdma</option> </select>

java javascript html jsp