JS调用后台数据查询,让查询到的数据在下拉列表里显示

JavaScript025

JS调用后台数据查询,让查询到的数据在下拉列表里显示,第1张

/**

 * @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 =5i>0i--){

                                //设置下拉列表中的值的属性

                                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>

alert(data)就是弹出内容了,不知道的fn()函数调用没有,后台你写成字符串,回到前台也是字符串,不会弹出的。正的话,你alert(data)内容“alert(“我是菜鸟我怕谁”)”;你后台那个alert会当字符串输出;还有个问题,你的url地址指向是不是有问题,你要带上文件后缀名的呢,要不然,它怎么知道你要提交到哪个那里去