2011-04-08 69 views
0

從服務器發送我從服務器發送顯示基於arraylist一個dropdown清單的要求,在一定條件下對頁面的加載和事件 的變化例如 ArrayList1 ArrayList中, ArrayList2如何訪問在Javascript

if(condition is true) 

display the contents to dropdownlist from arraylist1 

else 

display the contents to dropdownlist from arraylist 2 

可以在任何一個電話:此ArrayList是如何保存的頁面隱藏字段,所以我可以訪問相同的JavaScript。 ??

+4

服務器,你說呢?謹慎地告訴我們更多關於它的事情?創建頁面的代碼?該平臺?什麼? – spender 2011-04-08 12:27:59

回答

1

如果你已經有了數組你可以做財產以後這樣的:

<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> 
0

你必須選擇:

  • 使用AJAX來創建到服務器的請求,並存儲在一個變量一E中的響應。 js的框架jQuery的可以讓你做一個POST請求,並把它找回來)
  • 使用服務器端的技術,如PHP,JSP,ASP把響應轉換爲JavaScript變量
0

如果你的意思是,你預先生成的下拉列表,然後根據一些標準進行切換,在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> 

然後在JavaScript中使用這樣的:

var arrayList = condition ? $('div#arrayList1') : $('div#arrayList2'); 
$('#list').append(arrayList); 
arrayList.show();