TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超13個(gè)贊
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | /** * @author zhou2003737 * @date 2014/09/25 16:39 */ <html doctype="html"> <head> <title></title> <script type="text/javascript"> window.onload = function(){ //獲取文本框?qū)ο?/p> var searchText = document.getElementById("searchText"); //獲取提交button對(duì)象 var action = document.getElementById("action"); //獲取要增加到的下拉列表對(duì)象 var selections = document.getElementById("selections"); //點(diǎn)擊提交的時(shí)候執(zhí)行的方法 action.onclick = function(){ //如果文本框?qū)ο笾兄挡粸榭?/p> if(searchText.value ){ //根據(jù)文本框中的值循環(huán)5次 for(var i =5;i>0;i--){ //設(shè)置下拉列表中的值的屬性 var option = document.createElement("option"); option.value = searchText.value + i; option.text= searchText.value+i; //將option增加到下拉列表中。 selections.options.add(option); } } } } //思路如上。你可以將點(diǎn)擊時(shí)將文本框中值傳到后臺(tái)，后臺(tái)返回?cái)?shù)據(jù)后，在將數(shù)據(jù)存入下拉列表對(duì)象中。 </script> </head> <body> <p><input type="text" placeholder="請(qǐng)輸入查詢對(duì)象" autofocus id="searchText"/></p> <p><input type="button" id="action" value="提交"/></p> <p><select id="selections">
</select></p> </body> </html> |
TA貢獻(xiàn)1874條經(jīng)驗(yàn) 獲得超12個(gè)贊
首先自定義一個(gè)ajax獲取要顯示在html頁(yè)面上的數(shù)據(jù)的方法，例如方法getdata,這個(gè)方法把獲取的返回值，通過(guò)js動(dòng)態(tài)的顯示到html頁(yè)面要顯示的區(qū)域，然后再寫一個(gè)js定時(shí)器來(lái)實(shí)現(xiàn)實(shí)時(shí)調(diào)用數(shù)據(jù)，
示例：
<script>
//定時(shí)器 異步運(yùn)行
function hello(){
alert("hello");
}
var t2 = window.setTimeout("hello()",3000); //定時(shí)器
//window.clearTimeout(t2);//去掉定時(shí)器
</script>
把里面的hello方法換成你ajax獲取數(shù)據(jù)的方法名，然后改下定時(shí)器里面的方法名和時(shí)間，這里設(shè)置的是3秒鐘執(zhí)行一次可以設(shè)置成你自己要的數(shù)據(jù)，就實(shí)現(xiàn)了你要的頁(yè)面實(shí)時(shí)調(diào)用數(shù)據(jù)了。
舉報(bào)