checkbox选择异步提示内容代码,JS代码库,德仔网

代码语言

代码分类

【JS】 checkbox选择异步提示内容

作者:dezai / 发布于2014/1/28/ 370

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>AjaxDB.html</title>

        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="this is my page">
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">

        <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
        <script src="js/ajax.js" type="text/javascript">
</script>
        <script type="text/javascript">
var xmlHttp;
function showInfo(str) {
    if (str.length==0) {
        document.getElementById("txtInner").innerHTML = "";
        return ;
    }
    xmlHttp = getXMLHttpObject();
    if (xmlHttp == null) {
        alter("您的浏览器不支持ajax");
    }
    var url = "CustomerAction.do";
    url = url + "?customerId=" + str;
    url = url + "&sid=" + Math.random();
    xmlHttp.onreadystatechange = statechange;
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);

}
function statechange() {
    if (xmlHttp.readyState == 4) {
        document.getElementById("txtInner").innerHTML = xmlHttp.responseText;
    }
}
</script>
    </head>

    <body>
        请选择一名客户：
        <select name="customers" onchange="showInfo(this.value)">
            <option selected>
                Please Select
            </option>
            <option value="ALFKI">
                Alfreds Futterkiste
            </option>
            <option value="NORTS">
                North/South
            </option>
            <option value="WOLZA">
                Wolski Zajazd
            </option>
        </select><br/>
        用户名信息：
        <div id="txtInner"></div>
    </body>
</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　异步提示　

同语言下

可能有用的

dezai贡献的其它代码(1065)