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!

Register Log in
  • Congratulations Wanet Telecoms Ltd on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Select Option Removal 1

Status
Not open for further replies.
Bygbobbo

Bygbobbo

Programmer
Apr 23, 2002
145
US
I am trying to dynamically remove options from a select box.
Does anyone know the syntax for removing the option element and adding an option element..

e.g.

for (i = 0 ; i < document.cycend_range_selection.StartDay.options.length - 1; i++){
document.cycend_range_selection.StartDay.options{i}.remove; ??? //should be braces but site removes those
}


Thanks in advance,
Bygs
 
Sort by date Sort by votes
here's a whole page for you. look through the code (it isn't really that long) and i'm sure you'll find the answers:
Code: 
<html>
<head>
<title>Nimlok Distributor Extranet</title>

<script language=&quot;javascript&quot;><!--
var us_sttArray = new Array()
us_sttArray[0] = &quot;AK&quot;
us_sttArray[1] = &quot;AL&quot;
us_sttArray[2] = &quot;AR&quot;
us_sttArray[3] = &quot;AZ&quot;
us_sttArray[4] = &quot;CA&quot;
us_sttArray[5] = &quot;CO&quot;
us_sttArray[6] = &quot;CT&quot;
us_sttArray[7] = &quot;DC&quot;
us_sttArray[8] = &quot;DE&quot;
us_sttArray[9] = &quot;FL&quot;
us_sttArray[10] = &quot;GA&quot;
us_sttArray[11] = &quot;HI&quot;
us_sttArray[12] = &quot;IA&quot;
us_sttArray[13] = &quot;ID&quot;
us_sttArray[14] = &quot;IL&quot;
us_sttArray[15] = &quot;IN&quot;
us_sttArray[16] = &quot;KS&quot;
us_sttArray[17] = &quot;KY&quot;
us_sttArray[18] = &quot;LA&quot;
us_sttArray[19] = &quot;MA&quot;
us_sttArray[20] = &quot;MD&quot;
us_sttArray[21] = &quot;ME&quot;
us_sttArray[22] = &quot;MI&quot;
us_sttArray[23] = &quot;MN&quot;
us_sttArray[24] = &quot;MO&quot;
us_sttArray[25] = &quot;MS&quot;
us_sttArray[26] = &quot;MT&quot;
us_sttArray[27] = &quot;NC&quot;
us_sttArray[28] = &quot;ND&quot;
us_sttArray[29] = &quot;NE&quot;
us_sttArray[30] = &quot;NH&quot;
us_sttArray[31] = &quot;NJ&quot;
us_sttArray[32] = &quot;NM&quot;
us_sttArray[33] = &quot;NV&quot;
us_sttArray[34] = &quot;NY&quot;
us_sttArray[35] = &quot;OH&quot;
us_sttArray[36] = &quot;OK&quot;
us_sttArray[37] = &quot;OR&quot;
us_sttArray[38] = &quot;PA&quot;
us_sttArray[39] = &quot;RI&quot;
us_sttArray[40] = &quot;SC&quot;
us_sttArray[41] = &quot;SD&quot;
us_sttArray[42] = &quot;TN&quot;
us_sttArray[43] = &quot;TX&quot;
us_sttArray[44] = &quot;UT&quot;
us_sttArray[45] = &quot;VA&quot;
us_sttArray[46] = &quot;VT&quot;
us_sttArray[47] = &quot;WA&quot;
us_sttArray[48] = &quot;WI&quot;
us_sttArray[49] = &quot;WV&quot;
us_sttArray[50] = &quot;WY&quot;

var ca_sttArray = new Array()
ca_sttArray[0] = &quot;Nova Scotia&quot; 
ca_sttArray[1] = &quot;New Brunswick&quot;
ca_sttArray[2] = &quot;Quebec&quot; 
ca_sttArray[3] = &quot;Ontario&quot; 
ca_sttArray[4] = &quot;Manitoba&quot; 
ca_sttArray[5] = &quot;Saskatchewan&quot; 
ca_sttArray[6] = &quot;Alberta&quot;
ca_sttArray[7] = &quot;British Columbia&quot; 


function choose_state() {
var cntry = document.frm.country.options[document.frm.country.options.selectedIndex].value

var stt
stt = document.frm.state

 if (cntry == &quot;United States&quot;) {
  for (i=stt.options.length-1; i>1; i--) {
   stt.options[i] = null
  }
  stt.options[0] = new Option(&quot;Select a State/Province:&quot;,&quot;&quot;)
  for (j=1; j<us_sttArray.length; j++) {
   stt.options[j] = new Option(us_sttArray[j-1],us_sttArray[j-1])  // new Option (text, value)
  }
  stt.options[0].selected = true
 }
 else {
  if (cntry == &quot;Canada&quot;) {
   for (i=stt.options.length-1; i>1; i--) {
    stt.options[i] = null
   }
   stt.options[0] = new Option(&quot;Select a State/Province:&quot;,&quot;&quot;)
   for (j=1; j<ca_sttArray.length; j++) {
    stt.options[j] = new Option(ca_sttArray[j-1],ca_sttArray[j-1]) // new Option (text, value)
   }
   stt.options[0].selected = true
  }
  else {
   for (i=stt.options.length-1; i>0; i--) {
    stt.options[i] = null
   }
   stt.options[0] = new Option(&quot;No state/province available&quot;,&quot;none&quot;)
  }
  stt.options[0].selected = true
 } 
}

function validate() {
if ((document.frm.country.options.selectedIndex == 0) || (document.frm.country.options.selectedIndex == 4)) {
 alert(&quot;Please select a country&quot;)
 return false
}
if ((document.frm.country.options[document.frm.country.options.selectedIndex].value == &quot;United States&quot;) || (document.frm.country.options[document.frm.country.options.selectedIndex].value == &quot;Canada&quot;)) {
 if (document.frm.state.options.selectedIndex == 0) {
  alert(&quot;Please select a state/province&quot;)
  return false
 }
}
}

function rst_frm() {
 document.frm.reset();
 
 var stt
 stt = document.frm.state

 for (i=stt.options.length-1; i>0; i--) {
  stt.options[i] = null
 }
 stt.options[0] = new Option(&quot;Select a State/Province:&quot;,&quot;none&quot;)
 stt.options[1] = new Option(&quot;Select a Country First&quot;,&quot;none&quot;)
}
//-->
</script>

</head>

<body>

<form name=&quot;frm&quot; action=&quot;inn/inn_search.mv&quot; method=&quot;post&quot; onSubmit=&quot;return validate();&quot;>
 <select name=&quot;country&quot; onChange=&quot;choose_state()&quot;>
 <option>Select a Country:</option>
 <option value=&quot;Canada&quot;>Canada</option>
 <option value=&quot;England&quot;>England</option>
 <option value=&quot;United States&quot;>United States</option>
 <option value=&quot;&quot;>-----------------</option>
 <option value=&quot;Argentina&quot;>Argentina</option>
 <option value=&quot;Australia&quot;>Australia</option>
 <option value=&quot;Bolivia&quot;>Bolivia</option>
 <option value=&quot;Canada&quot;>Canada</option>
 <option value=&quot;Chile&quot;>Chile</option>
 <option value=&quot;Colombia&quot;>Colombia</option>
 <option value=&quot;Costa-Rica&quot;>Costa-Rica</option>
 <option value=&quot;Dominican-Republic&quot;>Dominican-Republic</option>
 <option value=&quot;Ecuador&quot;>Ecuador</option>
 <option value=&quot;El-Salvador&quot;>El-Salvador</option>
 <option value=&quot;England&quot;>England</option>
 <option value=&quot;France&quot;>France</option>
 <option value=&quot;Greece&quot;>Greece</option>
 <option value=&quot;Guatemala&quot;>Guatemala</option> 
 <option value=&quot;Hong Kong&quot;>Hong Kong</option>
 <option value=&quot;India&quot;>India</option>
 <option value=&quot;Iran&quot;>Iran</option>
 <option value=&quot;Ireland&quot;>Ireland</option>
 <option value=&quot;Israel&quot;>Israel</option>
 <option value=&quot;Italy&quot;>Italy</option>
 <option value=&quot;Japan&quot;>Japan</option>
 <option value=&quot;Korea&quot;>Korea</option>
 <option value=&quot;Kuwait&quot;>Kuwait</option>
 <option value=&quot;Malaysia&quot;>Malaysia</option>
 <option value=&quot;Mexico&quot;>Mexico</option>
 <option value=&quot;The Netherlands&quot;>The Netherlands</option>
 <option value=&quot;Panama&quot;>Panama</option>
 <option value=&quot;Peru&quot;>Peru</option>
 <option value=&quot;Philippines&quot;>Philippines</option>
 <option value=&quot;Portugal&quot;>Portugal</option>
 <option value=&quot;Puerto-Rico&quot;>Puerto-Rico</option>
 <option value=&quot;Qatar&quot;>Qatar</option>
 <option value=&quot;Russia&quot;>Russia</option>
 <option value=&quot;Kingdom of Saudi Arabia&quot;>Saudi Arabia</option>
 <option value=&quot;South Africa&quot;>South Africa</option>
 <option value=&quot;Thailand&quot;>Thailand</option>
 <option value=&quot;United Arab Emirates&quot;>United Arab Emirates</option>
 <option value=&quot;United States&quot;>United States</option>
 <option value=&quot;Venezuela&quot;>Venezuela</option>
 <option value=&quot;West Indies&quot;>West Indies</option>
 <option value=&quot;Yugoslavia&quot;>Yugoslavia</option>
 </select>
 <p>
 <select name=&quot;state&quot;>
 <option>Select a State/Province:</option>
 <option>Select a Country First</option>
 </select>
 <p>
 <input type=&quot;submit&quot; name=&quot;find&quot; value=&quot;List Now&quot;>   
 <input type=&quot;button&quot; name=&quot;rst&quot; value=&quot;Start Over&quot; onClick=&quot;rst_frm()&quot;>
 </form>

</body>
</html>
--------------------------------------------------
Goals are dreams with deadlines
-------------------------------------
 
Upvote 0 Downvote
Bygbobbo,

when removing options, it's best to go in reverse:

for (var x = document.cycend_range_selection.StartDay.options.length - 1 ; x >= 0 ; x--){
document.cycend_range_selection.StartDay.options[x] = null;
}

the constructor for new options is:
new Option(sText[, sValue, bDefaultSelected, bSelected]);

adding is as such:

var e = document.myForm.mySelect;
e.options[e.options.length] = new Option(&quot;RED&quot;, &quot;#FF0000&quot;);


Tek-tips won't let you use [i] because it interprets it as Tek-tips markup for italicize =========================================================
while (!succeed) try();
-jeff
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

TheLazyPig
  • Locked
  • Question
Dropdown (option) using Anguarjs
Replies
0
Views
701
TheLazyPig
TheLazyPig
malpa
  • Locked
  • Question
Graph the selection of a html table row
Replies
0
Views
871
malpa
malpa
berkshirea
  • Locked
  • Question
Dropdown, Select, Required 1
Replies
8
Views
554
berkshirea
berkshirea
damipera
  • Locked
  • Question
Checkboxes - At Least 1 is Selected? 1
Replies
2
Views
361
damipera
damipera
bach1
  • Locked
  • Question
How to get value from popup window to parent window by clicking from database selection?
Replies
2
Views
372
Offera
Offera

Part and Inventory Search

Sponsor

Back
Top