ajax_option.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ajax_option.html</title>
<script type="text/javascript">
function getText(value){
var xmlhttp;
if(value == ""){
document.getElementById("showText").innerHTML = "The choice is null.";
}
//新建一个请求对象
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}else{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
document.getElementById("showText").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET","/testfile/option_php.php?str="+value,true);
xmlhttp.send();
}
</script>
</head>
<body>
<div>
<input type="button" onchang="getText(this.value)" value="click it">
<form action="">
<label>Please chose a company
<select onchange="getText(this.value)">
<option value="choice">choice</option>
<option value="baidu">baidu</option>
<option value="google">google</option>
<option value="tecent">tecent</option>
</select>
</label>
</form>
<div id="showText"></div>
</div>
</body>
</html>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读