论坛首页 Web前端技术论坛

使得select选择框也可以输入

浏览 9788 次
精华帖 (2) :: 良好帖 (2) :: 新手帖 (0) :: 隐藏帖 (1)
作者 正文
   发表时间:2009-10-09   最后修改:2009-10-09

<script language="javascript">
    function changeF()
    {
       document.getElementById('makeupCo').value=
       document.getElementById('makeupCoSe').options[document.getElementById('makeupCoSe').selectedIndex].value;
    }
</script>

<span style="position:absolute;border:1pt solid #c1c1c1;overflow:hidden;width:188px;
	height:19px;clip:rect(-1px 190px 190px 170px);">
<select name="makeupCoSe" id="makeupCoSe" style="width:190px;height:20px;margin:-2px;" onChange="changeF();">
	<option id='1' value='java'>java</option>
	<option id='2' value='c++'>c++</option>
	<option id='3' value='python'>python</option>
	<OPTION id="99999" VALUE="" SELECTED>
</select>
</span>
<span style="position:absolute;border-top:1pt solid #c1c1c1;border-left:1pt 
	solid #c1c1c1;border-bottom:1pt solid #c1c1c1;width:170px;height:19px;">
	<input type="text" name="makeupCo" id="makeupCo" value="请选择或输入" style="width:170px;height:15px;border:0pt;">
</span>

   发表时间:2009-10-10  
有点像联想功能了哦~~!
0 请登录后投票
   发表时间:2009-10-11  
不错哦,不需要其他依赖,有点像DOJO的select哦!
0 请登录后投票
   发表时间:2009-10-11  
也可以直接用text+image+div,我好像有在哪个网站上看到过。
呵呵
0 请登录后投票
   发表时间:2009-10-12  
不错,挺有创意的,不过就是使用了绝对布局。
0 请登录后投票
   发表时间:2009-10-12  
非常不错,创意好,美化一下很有用
0 请登录后投票
   发表时间:2009-10-12  
还是比较可以。。
  布局优化一下就OK。 应该还有其他方法实现噢。。
0 请登录后投票
   发表时间:2009-10-12  
恩。可以根据具体的应用,做点修改,就可以放到项目中去。
客户想要个就可以选择也可以输入的东西
0 请登录后投票
   发表时间:2009-10-12  
http://code.google.com/p/zkjs/
这里有
0 请登录后投票
   发表时间:2009-10-23  

不错,记得以前也讨论到这个问题,有兴趣可以看看我根据JE的个人信息页面写的代码:再谈“可输入的下拉框”,完全支持中文输入

0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics