函数名称为jquery的变量

Question

Is there any way to concatenate loop with function name like i have form which have append button to add 5 more location div via jquery append function , 5 times loop over location div .location div have state city and zip code code select option which will be call by ajax in jquery here is my code.room is loop name.

<select data-live-search="true" class="form-control " name="sAState'+room+'" id="sAState'+room+'" onChange="AddLoadCity+room();">
       <option value="1">state1</option>
       <option value="2">state2</option>
       </select>
     <div class="col-lg-10 col-md-9 col-sm-10 col-xs-12" id="AddCityDiv'+room+'" ><select data-live-search="true" class="form-control " name="sCity" id="sCity'+room'" onChange="LoadZipCode'+room+'();"> 
<option value="1">city1</option>
 <option value="2">city2</option></select></div>

        for(i=0;i;i<5;i++)
        {
          function AddLoadCity+i()
            {
            alert($('#sAState'+i+').val()); 
            }
          function AddLoadZip+i()
            {
            alert($('#sCity'+i').val()); }
            }
        }

Answer 1

I don't think you totally want to create multible functions with dynamic names. But if you really wanted to, you would do it maybe like this:

var functions = [];
for(i=0;i;i<5;i++)
    {
      functions['AddLoadCity'+i] = function()
        {
        alert($('#sAState'+i).val()); 
        }
      functions['AddLoadZip'+i] = function()
        {
        alert($('#sCity'+i).val()); }
        }
    }

Then you could call them like

functions.AddLoadZip1()

Edit:

Also they is a mistake in

$('#sAState'+i+').val()

namely the +' is a syntax error.