当前位置: 代码迷 >> Web前端 >> 可编者下拉列表
  详细解决方案

可编者下拉列表

热度:135   发布时间:2013-10-27 15:21:50.0
可编辑下拉列表

转载http://zxh277100963.iteye.com

使用CSS样式设置,兼容IE、Chrome、Firefox。。。

?

<html>   
<head>   
    <title> 可编辑下拉框 </title>   
    <META NAME="Generator" CONTENT="EditPlus">   
    <META NAME="Author" CONTENT="">   
    <META NAME="Keywords" CONTENT="">   
    <META NAME="Description" CONTENT="">   
</head>   
<body>   
<table border="0" style="border-collapse:collapse ">   
    <tr>  
        <td>  
                <div style="position:relative;">  
                            <span id="spanfindvalue1" style="margin-left:200px;width:18px;overflow:hidden;">  
                            <select id="selectfindvalue1" class="text" style="width:218px;margin-left:-200px"  onchange="this.parentNode.nextSibling.value=this.options[this.selectedIndex].text">  
                                <option value="可编辑下拉框" selected>可编辑下拉框</option>  
                                <option value="456">iphone 5S</option>  
                                <option value="123">123</option>  
                                <option value="456">456</option>  
                            </select>  
                            </span><input name="findValue" id="findValue1"  class="text" style="width:200px;position:absolute;left:0px;" onclick="">  
                </div>  
            </td>  
        </tr>                                           
</table>   
</BODY>   
  
</HTML>  

?

  相关解决方案