JS调用后台数据查询，让查询到的数据在下拉列表里显示
3 回答
红颜莎娜
TA贡献1842条经验 获得超12个赞
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(){ //获取文本框对象 var searchText = document.getElementById("searchText"); //获取提交button对象 var action = document.getElementById("action"); //获取要增加到的下拉列表对象 var selections = document.getElementById("selections"); //点击提交的时候执行的方法 action.onclick = function(){ //如果文本框对象中值不为空 if(searchText.value ){ //根据文本框中的值循环5次 for(var i =5;i>0;i--){ //设置下拉列表中的值的属性 var option = document.createElement("option"); option.value = searchText.value + i; option.text= searchText.value+i; //将option增加到下拉列表中。 selections.options.add(option); } } } } //思路如上。你可以将点击时将文本框中值传到后台，后台返回数据后，在将数据存入下拉列表对象中。 </script> </head> <body> <p><input type="text" placeholder="请输入查询对象" autofocus id="searchText"/></p> <p><input type="button" id="action" value="提交"/></p> <p><select id="selections">
</select></p> </body> </html> |
一只斗牛犬
TA贡献1784条经验 获得超2个赞
首先自定义一个ajax获取要显示在html页面上的数据的方法，例如方法getdata,这个方法把获取的返回值，通过js动态的显示到html页面要显示的区域，然后再写一个js定时器来实现实时调用数据，
示例：
<script>
//定时器 异步运行
function hello(){
alert("hello");
}
var t2 = window.setTimeout("hello()",3000); //定时器
//window.clearTimeout(t2);//去掉定时器
</script>
把里面的hello方法换成你ajax获取数据的方法名，然后改下定时器里面的方法名和时间，这里设置的是3秒钟执行一次可以设置成你自己要的数据，就实现了你要的页面实时调用数据了。
函数式编程
TA贡献1807条经验 获得超9个赞
1、用户界面能做的最基础的事情就是呈现一些数据，React让显示数据变得简单，当数据变化时，用户界面会自动同步更新。
2、通过例子进行了解：
<!DOCTYPE html>
<html>
<head>
<script src="build/react.js"></script>
<script src="build/JSXTransformer.js"></script>
</head>
<body>
<divid="example"></div>
<script type="text/jsx">
var HelloWorld = React.createClass({
render: function() {
return (
<p>
Hello, <input type="text"placeholder="Your name here" />!
It is {this.props.date.toTimeString()}
</p>
);
}
});
setInterval(function() {
React.render(
<HelloWorld date={new Date()} />,
document.getElementById('example')
);
},500);
</script>
</body>
</html>
添加回答
举报
0/150
提交
取消