文本框输入只能选择输入

怎么实现只能取值放进文本框也就是一个文本框不能输入数据只能通过选择，选择后把选择的数据放进文本框

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
  <title> New Document </title>

</head> <body>
  <input type="text" name="otext" id="otext" readonly>
  <input type="button" value="赋值" onclick="document.getElementById('otext').value='1111'">
</body>
</html>
<input type="text" id="abc" disabled>
<select onchange="abc(this.value);">
<option value="1">1</option>
<option value="2">2</option>
</select>
<script>
function abc(value){
document.getElementById("abc").value=value;
}
</script>
<input name="tx" id="tx" readonly/><select onclick="document.getElementById('tx').value=this.value"><option value="v">t</option></select>
速度慢了，再换个写法，不要id的，上面的事件不对。为了方便应该绑定
onblur和onclick
<input readonly/><select onblur="previousSibling.value=this.value" onfocus="this.onblur()"><option value="v">t</option></select>
onblur和onclick
-》
onblur和onfocus
比较好，一进页面的时候可以让select onfocus一下就有默认值了。
<input type="text" id="abc" disabled>
<select onchange="abc(this.value);">
    <option value="1">1</option>
    <option value="2">2</option>
</select>
<script>
    function abc(value){
        document.getElementById("abc").value=value;
    }
</script>
用javascript和样式
点加的时候用javascript innerText属性,把+ 变成-然后把+号下面的内容用样式隐藏,点-号的的时候刚相反
这样就可以了。
<div>
<div style="cursor: hand;" onclick="this.nextSibling.style.display=this.nextSibling.style.display=='none'?'':'none';this.childNodes[0].innerHTML=this.childNodes[0].innerHTML=='+'?'-':'+';"><span>+</span>测试</div>
<div>
    <div>a</div>
    <div>b</div>
    </div>
</div>
默认应该是-号写反了，<span>-</span>