/    Sign up×
Community /Pin to ProfileBookmark

Set default select item in dropdown list

Copy linkTweet thisAlerts:
Dec 22.2009

I have a rokie question. I have developed a set of JSP pages that have a State dropdown menu. The user can select the state = California and the servlet receives value = CA which is stored in DB. When the user edits the page I like to use previous value to position in the dropdown menu, but have no clue how to. Here is my state dropdown menu. In the Option Selected Value I have defaulted the value coming from the servlet(D?, but that value is CA and my dropdown gets confused. Please help.

[code=html]<tr>
<td width=”24%”>
<p class=”TableHeader”>State:</p></td>
<td width=”75%” colspan=”3″>
<select class=”TableSelect” name=”states”>
<option selected value=”<%=state%>”><%=state%></option>
<option value=”AL”>Alabama</option>
<option value=”AK”>Alaska</option>
<option value=”AZ”>Arizona</option>
<option value=”AR”>Arkansas</option>
<option value=”CA”>California</option>
<option value=”CO”>Colorado</option>
<option value=”CT”>Connecticut</option>
<option value=”DE”>Delaware</option>
<option value=”FL”>Florida</option>
<option value=”GA”>Georgia</option>
<option value=”HI”>Hawaii</option>
<option value=”ID”>Idaho</option>
<option value=”IL”>Illinois</option>
<option value=”IN”>Indiana</option>
<option value=”IA”>Iowa</option>
<option value=”KS”>Kansas</option>
<option value=”KY”>Kentucky</option>
<option value=”LA”>Louisiana</option>
<option value=”ME”>Maine</option>
<option value=”MD”>Maryland</option>
<option value=”MA”>Massachusetts</option>
<option value=”MI”>Michigan</option>
<option value=”MN”>Minnesota</option>
<option value=”MS”>Mississippi</option>
<option value=”MO”>Missouri</option>
<option value=”MT”>Montana</option>
<option value=”NE”>Nebraska</option>
<option value=”NV”>Nevada</option>
<option value=”NH”>New Hampshire</option>
<option value=”NJ”>New Jersey</option>
<option value=”NM”>New Mexico</option>
<option value=”NY”>New York</option>
<option value=”NC”>North Carolina</option>
<option value=”ND”>North Dakota</option>
<option value=”OH”>Ohio</option>
<option value=”OK”>Oklahoma</option>
<option value=”OR”>Oregon</option>
<option value=”PA”>Pennsylvania</option>
<option value=”RI”>Rhode Island</option>
<option value=”SC”>South Carolina</option>
<option value=”SD”>South Dakota</option>
<option value=”TN”>Tennessee</option>
<option value=”TX”>Texas</option>
<option value=”UT”>Utah</option>
<option value=”VT”>Vermont</option>
<option value=”VA”>Virginia</option>
<option value=”WA”>Washington</option>
<option value=”WV”>West Virginia</option>
<option value=”WI”>Wisconsin</option>
<option value=”WY”>Wyoming</option>
<option value=”None”>None</option></select></td>
</tr>
<tr>[/code]

to post a comment
HTML

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@KTspeedDec 23.2009 — I am guessing the problem is that the default option is name "CA" instead of "California"?
Copy linkTweet thisAlerts:
@CaDevRokieauthorDec 23.2009 — Yes I understand this, but how can you position on the "value" = CA and show in the dropdown list "Option" = California.

Merry Christmas!
Copy linkTweet thisAlerts:
@KTspeedDec 23.2009 — You would need a script (either server side or client side) that would convert CA to California. I don't know much server side stuff, but in javascript you could set up a switch statement: http://www.w3schools.com/js/js_switch.asp

It would probably be done something like this:
[CODE]...
<td width="75%" colspan="3">
<select class="TableSelect" name="states">
<option selected value="<%=state%>">
[COLOR="Red"]<script type="text/javascript">
switch(<%=state%>){
case "AL":
document.write("Alabama"); break;
case "AK":
document.write("Alaska"); break;
...
}
</script>[/COLOR]
</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
...[/CODE]
Copy linkTweet thisAlerts:
@criterion9Dec 23.2009 — Or, you could loop through as you add each option and check if the value is the same as your variable and append the "selected" to that option. Then you don't need a way to convert it back.
×

Success!

Help @CaDevRokie spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.9,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...