如题!除了DISABLED以外还有其他方法吗
解决方案 »
- 求一份open flash chart画折线图的实例
- 为什么不显示啊?
- 像搜狐校友录照片中的标记那样,光标放到图片上,图片的所有标记都同时显示出来怎么实现的啊?请高手帮忙
- 到底"XXX" in 元素 检测的是??
- 如何用JS读取html文件中的内容到另外的一个HTML页面上
- javascript写Radiobutton的checkedchanged事件
- 加载xml 对象出错+++++++++++++++++++++++++++++++++++++十万火急 全部积分了
- 求一个简单的正则表达式?
- 在线等待!怎样让Html网页禁止接受从资源管理器中拖曳的jpg文件
- 为什么onMouseOut事件在select上起反作用?
- 关于ie的offsetParent的疑问
- js实用小技巧
那么,
编辑状态时显示SELECT,非编辑状态时把SELECT的display设为NONE,而原位置显示一个div,就可以很容易达到目的了。
楼主能不能再说的详细点,把代码贴出来看看!!!
那么使用 AutoPostBack 属性例如,声明:
<asp:DropDownList id="list" AutoPostBack="False" runat="server" ....或者list.AutoPostBack = false;
我觉得还是用表现变形的方法解决比较好:
数据在编辑模式显示为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" >
<head>
<title>SELECT element</title>
<style type="text/css">
#dataText { font: 12px 宋体; width: 160px; }
#dataSelect { font: 12px 宋体; width: 160px; }
.hidden { display: none; }
</style>
<script type="text/javascript">function $(id) {
return document.getElementById(id);
}window.onload = function () {
$('modeBtn').className = ''; // modeBtn 按钮用于切换 编辑/查看 模式。
// 当前模式记录在不可见元素 mode 中。 $('modeBtn').onclick = function () {
if ($('mode').innerHTML == 'view') {
// 转换到编辑模式。
$('dataSelect').value = $('data').value;
$('mode').innerHTML = 'edit';
$('modeBtn').value = '提交';
$('data').className = 'hidden';
$('dataSelect').className = '';
}
else {
// 提交数据
$('data').value = $('dataSelect').value; // 转换到查看模式。
$('mode').innerHTML = 'view';
$('modeBtn').value = '编辑';
$('data').className = '';
$('dataSelect').className = 'hidden';
} };};</script>
</head>
<body>
<form id="testForm" action="#" method="post">
<div id="mode" class="hidden">view</div>
<input type="text" readonly="readonly" id="data" value="White" style="width: 160px" />
<select id="dataSelect" class="hidden">
<option value="-">(None)</option>
<option value="Red">Red</option>
<option value="Green">Green</option>
<option value="Blue">Blue</option>
<option value="Black">Black</option>
<option value="White">White</option>
</select>
<input type="button" id="modeBtn" value="编辑" />
</form>
</body>
</html>
直接设置 onfocus="blur()"试试看
<option>ssss</option>
<option>ssss1</option>
<option>ssss2</option>
</select><input id="aa" onfocus="blur()">
<option>ssss</option>
<option>ssss1</option>
<option>ssss2</option>
</select><input id="aa" onfocus="blur()">
不用那么复杂
在select里加个size="2"就行了
<select >
<option>1 </option>
<option selected>2 </option>
</select>
</span>
<select >
<option>1 </option>
<option selected>2 </option>
</select>
</span>其中onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" 屏蔽了鼠标事件,onfocus="this.blur();"屏蔽了键盘事件,onfocus="this.blur();"表示该对象将获得焦点时就让它失去焦点,按键盘的TAB键时跳过它,使下一个控件获得焦点。
2:用户点击编辑时,将select显示,旁边的那个div隐藏
用替换行么?
用JS去将原先的style="display:none;"
再动态生成一个一样的select放在哪里.值=之前的select的值,且值只有一个.
或者
生成一个input放在那里,设置只读.
是否可以完成需求?