some code's meaning of javascript?

Question

 <script language="JavaScript" type="text/javascript">     
     var city=[
     ["city1","city2","city3","city4"],
    ["city5","city6","city7"],
     ["city8","city9","city10"],
     ];

     function getCity(){            
         var sltProvince=document.form1.province;

        var sltCity=document.form1.city;             

         var provinceCity=city[sltProvince.selectedIndex - 1];     

         sltCity.length=1;    

         for(var i=0;i<provinceCity.length;i++){
             sltCity[i+1]=new Option(provinceCity[i],provinceCity[i]);
         }
     }
</script>
 <FORM METHOD=POST ACTION="" name="form1">
         <SELECT NAME="province" onChange="getCity()">
             <OPTION VALUE="0">select province </OPTION>
             <OPTION VALUE="province1">province 1 </OPTION>
             <OPTION VALUE="province2">province2</OPTION>
             <OPTION VALUE="province3">province3 </OPTION>
         </SELECT>
         <SELECT NAME="city">
            <OPTION VALUE="0">select the city</OPTION>
        </SELECT>
     </FORM>

the above code is according to the province select its city. there are some lines i don't understand well. expect some one can explain it. thank you.

1, what's these lines do and meaning?

var provinceCity=city[sltProvince.selectedIndex - 1];

and

  sltCity.length=1;  
  sltCity[i+1]=new Option(provinceCity[i],provinceCity[i]);

Lekensteyn · Accepted Answer · 2011-06-27 07:37:00Z

3

It updates the list of cities based on the province that was selected.

// Get list of cities in the province, based on the index of the selected province.
// -1 is because the first entry in the list of city lists is 0, but in the province 
// options the first one has index 1.
var provinceCity=city[sltProvince.selectedIndex - 1];

// Remove all options except the first one that says "select city"
sltCity.length=1; 

// Add all the cities for this province to <SELECT NAME="province">
for(var i=0;i<provinceCity.length;i++){
    // add an option to the  with value and contents set to provinceCity[1]:
    // HTML: <OPTION VALUE="provinceCity[1]">provinceCity[1]</OPTION>
    sltCity[i+1]=new Option(provinceCity[i],provinceCity[i]);
}

edited Jun 27, 2011 at 7:37

Lekensteyn

67k25 gold badges169 silver badges205 bronze badges

answered Jun 27, 2011 at 7:34

Bemmu

18.4k16 gold badges82 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Bemmu Over a year ago

The variable city is a list of lists, showing which province has which cities. The first list is city[0]. But selectedIndex for the first one is 1.

zhuanzhou Over a year ago

could i change this sltCity[i+1] to sltCity[i]?

zhuanzhou Over a year ago

no.because there is a sltCity[0],which is "select city". am i right?

Talha Ahmed Khan · Accepted Answer · 2011-06-27 07:33:14Z

1

1, what's these lines do and meaning?

var provinceCity=city[sltProvince.selectedIndex - 1];

-- This means that provinceCity is created as a variable holds a value of a ComboBox which is been selected at that time.

sltCity.length=1;
....
sltCity[i+1]=new Option(provinceCity[i],provinceCity[i]);

Once the province is selected the Script is loading the Cities in that province. Option means that you are creating new Drop Down option for the interface.

answered Jun 27, 2011 at 7:33

Talha Ahmed Khan

15.6k10 gold badges46 silver badges49 bronze badges

Comments

jerluc · Accepted Answer · 2011-06-27 07:34:06Z

1

Pretty much this is adding city s to the city drop-down based upon the selection made in the first drop-down for provinces. var provinceCity=city[sltProvince.selectedIndex - 1]; is essentially grabbing the list of cities in the city array that is located at the array index which is one less than the index of the selected province.

answered Jun 27, 2011 at 7:34

jerluc

4,3163 gold badges27 silver badges44 bronze badges

Comments

Kevin Wang · Accepted Answer · 2011-06-27 07:34:44Z

1

First thing to understand is that city is an array of arrays. Therefore,

var provinceCity=city[sltProvince.selectedIndex - 1];

Sets provinceCity to the value of city's index at sltProvince's selected index (the index of the item selected) minus 1. Therefore, if the selected index is 3, provinceCity would equal city[2] or

["city5","city6","city7"]

This will ultimately effect the length of the for loop.

sltCity.length=1;

Sets the length of sltCity to 1.

sltCity[i+1]=new Option(provinceCity[i],provinceCity[i]);

Sets the value of the city array at the value of i (from the for loop) plus 1 to a new instance of Option, which is javascript's way for creating an option tag:

<OPTION> </OPTION>

answered Jun 27, 2011 at 7:34

Kevin Wang

3,3401 gold badge31 silver badges40 bronze badges

1 Comment

zhuanzhou Over a year ago

could i change this sltCity[i+1] to sltCity[i]? no.because there is a sltCity[0],which is "select city". am i right?

Collectives™ on Stack Overflow

some code's meaning of javascript?

4 Answers 4

3 Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related