可编辑下拉列表

最新推荐文章于 2024-07-09 00:00:41 发布

luckystar2008

最新推荐文章于 2024-07-09 00:00:41 发布

阅读量104

点赞数

本文链接：https://blog.csdn.net/qincidong/article/details/84483819

版权

Js+Css+Html 专栏收录该内容

52 篇文章 1 订阅

订阅专栏

转载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"  οnchange="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;" οnclick="">  
                </div>  
            </td>  
        </tr>                                           
</table>   
</BODY>   
  
</HTML>