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!
-
Congratulations John Tel on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Adding an option to a select box 1
- Thread starter wood
- Start date
I think it is something like:
where 'name' is the text that would have normally been placed between the OPTION tags and 'value' is the value that would have normally been set in the OPTION tag's attribute:
Petey
Code:
var name = "text";
var value = "text";
document.myForm.mySelect.options[document.myForm.mySelect.options.length] = new Option(name,value);
Code:
<option value="text">-
1
- #3
<SCRIPT LANGUAGE="JavaScript">
<!--
// You create a new OPTION with
var opt = new Option('text', 'value');
// and insert it with
var sel = document.formName.selectName;
sel.options[sel.options.length] = opt;
// at the end of the SELECT list.
// To insert into the middle move other options up e.g.
function insertOptionAt (select, option, index) {
for (var i = select.options.length; i > index; i--)
select.options
= select.options
;
select.options
= option;
}
// example call
insertOptionAt (document.formName.selectName, new Option('text', 'value'), 3);
// You delete an OPTION simply be setting
var sel = document.formName.selectName;
sel.options
= null;
//-->
</SCRIPT>
- tleish
<!--
// You create a new OPTION with
var opt = new Option('text', 'value');
// and insert it with
var sel = document.formName.selectName;
sel.options[sel.options.length] = opt;
// at the end of the SELECT list.
// To insert into the middle move other options up e.g.
function insertOptionAt (select, option, index) {
for (var i = select.options.length; i > index; i--)
select.options
Code:
[i]
Code:
[i - 1]select.options
Code:
[index]}
// example call
insertOptionAt (document.formName.selectName, new Option('text', 'value'), 3);
// You delete an OPTION simply be setting
var sel = document.formName.selectName;
sel.options
Code:
[optionIndex]//-->
</SCRIPT>
- tleish
can someone explain this to me, i've looked at the posts on this and still cannot figure this out! i have the forms done like this just to figure this out...can someone explain to me the <javascript>? thanks
<SELECT name="Year" id="Year" size="1" onchange="selMonth()">
<OPTION value="1">1975</OPTION>
<OPTION value="1">1976</OPTION>
<OPTION value="1">1977</OPTION>
</SELECT>
<SELECT name="Month" id="Month" size="1" onchange="selDay()"></SELECT>
<SELECT name="Day" id="Day" size="1"></SELECT>
<SCRIPT LANGUAGE="JavaScript">
</SCRIPT>
<SELECT name="Year" id="Year" size="1" onchange="selMonth()">
<OPTION value="1">1975</OPTION>
<OPTION value="1">1976</OPTION>
<OPTION value="1">1977</OPTION>
</SELECT>
<SELECT name="Month" id="Month" size="1" onchange="selDay()"></SELECT>
<SELECT name="Day" id="Day" size="1"></SELECT>
<SCRIPT LANGUAGE="JavaScript">
</SCRIPT>
You are missing a couple of auxillary scripst with this but here goes:
<SELECT name="Year" id="Year" size="1" onchange="selMonth()">
selMonth() is probably a script to generate a list of month's.
<OPTION value="1">1975</OPTION>
<OPTION value="1">1976</OPTION>
<OPTION value="1">1977</OPTION>
</SELECT>
<SELECT name="Month" id="Month" size="1" onchange="selDay()"></SELECT>
selDay() is a script that populates the drop down with the proper days in the month. 28 if Feb 31 in march etc.[/red]
<SELECT name="Day" id="Day" size="1"></SELECT>
<SCRIPT LANGUAGE="JavaScript">
</SCRIPT>
Since this is javascript, the changes are made without refreshing the screen and returning to the server.[/red] The only dumb questions are the ones that are never asked
<SELECT name="Year" id="Year" size="1" onchange="selMonth()">
selMonth() is probably a script to generate a list of month's.
<OPTION value="1">1975</OPTION>
<OPTION value="1">1976</OPTION>
<OPTION value="1">1977</OPTION>
</SELECT>
<SELECT name="Month" id="Month" size="1" onchange="selDay()"></SELECT>
selDay() is a script that populates the drop down with the proper days in the month. 28 if Feb 31 in march etc.[/red]
<SELECT name="Day" id="Day" size="1"></SELECT>
<SCRIPT LANGUAGE="JavaScript">
</SCRIPT>
Since this is javascript, the changes are made without refreshing the screen and returning to the server.[/red] The only dumb questions are the ones that are never asked
alright, i understand that, but what goes inside the javascripts that exec the month and day stuff...?i'm new to js, so that's why i'm slow, i'm pretty fluent in perl, but like that matters in js =P..can you explain to me how i would go about making the js for the selDay() and month()?
- Status
Similar threads
- Locked
- Question
