JS实现可编辑的下拉框,如下代码:
- <td align="left" width="190" >
- <span
- style="position:absolute;border-top:1pt solid #336699;border-left:1pt solid #336699;border-bottom:1pt solid #336699;width:114px;height:19px;top:19px;">
- <input type="text" name="ccdd" id="ccdd" style="width:170px;height:15px;border:0pt;"
- onFocus="javascript:if(this.value=='---请选择或输入---')this.value='';"value="---请选择或输入---" onblur="get()">
- </span>
- <span style="position:absolute; border:1pt solid #336699; width:188px; height:19px; clip:rect(-1px 190px 190px 170px); top:19px;">
- <select name="aabb" id="aabb" style="width:190px;height:20px;margin:-2px;"
- onChange="javascript:ccdd.value=aabb.value;" onblur="get()">
- <option value="---请选择或输入---">---自己输入---</option>
- <option value="申请被拒">申请被拒</option>
- <option value="电话打不通">电话打不通</option>
- <option value="邮件无人回">邮件无人回</option>
- </select>
- </span>
- </td>
- <script>
- function get(){
- var v = document.getElementById('ccdd').value;
- alert(v);
- }
- </script>
以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索邮件
, function
, 输入
, document
, getelementbyid
下拉
js下拉框实现模糊搜索、js实现多级联动下拉框、js实现多选下拉框、js实现下拉框、css div js实现下拉框,以便于您获取更多的相关知识。
时间: 2024-09-20 06:12:20