如何在Javascript中访问从服务器发送的arraylist

我需要在页面加载和事件更改的特定条件下，根据服务器发送的

数组列表

显示

下拉列表
例如
ArrayList1
，
ArrayList2

 if(condition is true)

 display the contents to dropdownlist from arraylist1

else

 display the contents to dropdownlist from arraylist 2

任何人都可以告诉我如何将这个arraylist作为隐藏字段保存在页面上，这样我就可以在javascript中访问它了。
？
您必须选择：


使用ajax创建对服务器的请求，并将响应存储在变量中，即。js框架jquery允许您发出post请求并将其取回）
使用php、jsp、asp等服务器端技术将响应放入javascript变量
如果您已经拥有阵列，您可以执行以下操作：

 <form>
    <select id="my_seelecyt">
    </select>
</form>
<script type="text/javascript">
    var list1=['a','b','c'];
    var list2=['e','f','g'];
    var list;
    var select_box = document.getElementById('my_seelecyt');
    if(condition is true){
        list=list1;
    }else{
        list=list2;
    }
    for(var i=0; i<list.length; i++){
        var op = document.createElement('option');
        op.value=list[i];
        op.innerHTML =  list[i];
        select_box.appendChild(op);
    }
</script>


变量列表1=['a'，'b'，'c']；
变量列表2=['e'，'f'，'g']；
var列表；
var select_box=document.getElementById（'my_seelecyt'）；
如果（条件为真）{
列表=列表1；
}否则{
列表=列表2；
}
对于（var i=0；i如果您的意思是预先生成下拉列表，然后根据某些条件在JS中切换该列表，那么可以这样做：

首先生成HTML：

<div id="arraylist1" style="display:none">
  <select>
    <option>Option1</option>
    <option>Option2</option>
  </select>
</div>
<div id="arraylist2" style="display:none">
  <select>
    <option>Option1</option>
    <option>Option2</option>
  </select>
</div>

<!-- This is the placeholder for the dropdown -->
<div id="list"></div>

服务器，你说呢？想告诉我们更多关于它的信息吗？创建页面的代码？平台？什么？
var arrayList = condition ? $('div#arrayList1') : $('div#arrayList2');
$('#list').append(arrayList);
arrayList.show();