想做一个效果,用下拉列表控制输入框
<form name=save method=post action="">
<select name="select_p" size="1">
<option selected>-请选择省份-</option>
<option value="北京市">北京市</option>
<option value="天津市">天津市</option>
<option value="上海市">上海市</option>
</select> <input name="txt_city" type="text" size="16">
</form>只有当下拉列表里的值有效 才能在输入框里输入文字,否则输入框是灰色无效!
<form name=save method=post action="">
<select name="select_p" size="1">
<option selected>-请选择省份-</option>
<option value="北京市">北京市</option>
<option value="天津市">天津市</option>
<option value="上海市">上海市</option>
</select> <input name="txt_city" type="text" size="16">
</form>只有当下拉列表里的值有效 才能在输入框里输入文字,否则输入框是灰色无效!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>The First Web Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<form name=save method=post action="">
<select id="aa" name="select_p" size="1">
<option selected value="">-请选择省份-</option>
<option value="北京市">北京市</option>
<option value="天津市">天津市</option>
<option value="上海市">上海市</option>
</select> <input id="text" name="txt_city" type="text" size="16" disabled="disabled">
</form>
<script>
var sel = document.getElementById('aa');
sel.onchange = function(){
var value = sel[sel.selectedIndex].value;
if(value){
document.getElementById('text').disabled = '';
}else{
document.getElementById('text').disabled = 'disabled';
}
}
</script> </body>
</html>