我想禁用select下拉框，但是又能传值，该怎么办？
我想做一个修改信息的页面，一开始文本框和下拉框里有初始值，但是不能输入信息，要选中旁边的编辑框之后才能输入。然后把这些信息提交给服务器。不一定每一项都要修改，如果要修改那...
我想做一个修改信息的页面，一开始文本框和下拉框里有初始值，但是不能输入信息，要选中旁边的编辑框之后才能输入。然后把这些信息提交给服务器。不一定每一项都要修改，如果要修改那一项的话只需要点击旁边的编辑框。我以前用disabled，但是传不了值，后来改成readonly，但是对select下拉框不起作用。而且我有个日期的控件，用鼠标点那个文本框就能选择日期的，这个文本框即使设成了readonly还是可以编辑。。。
请问怎么解决这些问题？ 展开
请问怎么解决这些问题？ 展开
2个回答
展开全部
下面有个例子！你可以参考，只要把input换成Select就可以达到同样的效果！
如果我的回答你满意，请给分！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<style>
div{border: 0 solid #F90;border-width:2px 0; display:none}
</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function(){
var price = document.getElementById('price');
price.disabled = true;
price.style.padding = '2px 3px';
price.style.background = '#eee';
price.style.border = '1px solid #ccc';
var tj = document.getElementById('tj');
tj.onclick = function(){
if(tj.checked == true){ //可编辑
price.disabled = false;
price.style.background = '#fff';
price.style.border = '1px solid #ff7d00';
price.style.padding = '2px 3px';
price.focus();
} else {
price.disabled = true;
price.style.padding = '2px 3px';
price.style.background = '#eee';
price.style.border = '1px solid #ccc';
}
}
}
</script>
</head>
<body>
<form action="#">
价格：<input type="text" id="price" value="￥12.50">
<input id="tj" hidefocus=true type="checkbox">
修改
</form>
<div>这里不要</div>
</body>
</html>
如果我的回答你满意，请给分！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<style>
div{border: 0 solid #F90;border-width:2px 0; display:none}
</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function(){
var price = document.getElementById('price');
price.disabled = true;
price.style.padding = '2px 3px';
price.style.background = '#eee';
price.style.border = '1px solid #ccc';
var tj = document.getElementById('tj');
tj.onclick = function(){
if(tj.checked == true){ //可编辑
price.disabled = false;
price.style.background = '#fff';
price.style.border = '1px solid #ff7d00';
price.style.padding = '2px 3px';
price.focus();
} else {
price.disabled = true;
price.style.padding = '2px 3px';
price.style.background = '#eee';
price.style.border = '1px solid #ccc';
}
}
}
</script>
</head>
<body>
<form action="#">
价格：<input type="text" id="price" value="￥12.50">
<input id="tj" hidefocus=true type="checkbox">
修改
</form>
<div>这里不要</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
