Hide A Select Option?

scripter73 · Oct 15, 2001

Hi,

I hope my goal doesn't confuse you.

I have a select list where a user can select years.
I have a button that when clicked populates the select list with a default year "2099". I want "2099" to show in the select list, but it will not as long as it is not an option for the user.

My question. How can I get it to display without having it as an option that the user can pick? The year 2099 is not valid, and I only use it as a dummy year indicator for myself when I receive the data.

Is there a way to "hide" this option from the users?

I know this is a little off-beat, but if someone could help me out, I'd really appreciate it.

Below is a snippet of the code. If you copy it and look in your browser, you'll see what I mean. When you click on the button, it is supposed to populate the select box with 2099, but doesn't because 2099 is not an option.

<html>
<head>
<title>Add Option</title>
</head>

<body>
<form name="form1">
<select name="year">
<option value="Year" selected>Year</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2099"></option>
</select>
<input type="button" name="select_choose" onclick="document.form1.year.value='2099'" value="Choose A Year">

</form>

</body>
</html>

Thanks in advance,
scripter73

mackey333 · Oct 15, 2001

you have to check the option value with onSubmit..lemme know if you need code.. -Greg :-Q

DeZiner · Oct 15, 2001

<option>2099</option>

If you are checking for populated form fields on submit it will throw this back telling them to fill in this field. Note no value associated DeZiner
Never be afraid to try something new.
Remember that amateurs built the Ark.
Professionals built the Titanic

ToddWW · Oct 15, 2001

Load the following page and see if this is more close to home. Study the JavaScript functions so you can understand how it works.

#1: When you load the page into your browser, notice that the select list does not have the 2099 option in it.

#2: Press the button and the 2099 option is added.

#3: You can press the button again, but it will only add it once. (JavaScript is checking the last option in the list before adding. Can you see that ??)

#4: Now, after 2099 is populated into the list, try to select it... "No Can Do"..

If anything, it should give you a few tips on some JavaScript methods available for you.

<html>
<head>
<title>Add Option</title>
<script Language=JavaScript>

</script>
</head>

<body>
<form name="form1">
<select name="year" onChange="noSelect(this.form);">
<option value="Year" selected>Year</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
</select>
<input type="button" name="select_choose" onclick="addOpt(this.form);" value="Choose A Year">

</form>

</body>
</html>

TW

scripter73 · Oct 17, 2001

Thanks, ToddWW,

That's very inventive how you added the option 2099.

I'll study this and work it into my main program.

Thanks a bunch!

scripter73

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Hide A Select Option?

scripter73

Programmer

mackey333

Technical User

DeZiner

Programmer

ToddWW

Programmer

scripter73

Programmer

Similar threads

Part and Inventory Search

Sponsor