html 可输入下拉菜单的实现方法
导读：收集整理的这篇文章主要介绍了html 可输入下拉菜单的实现方法，觉得挺不错的，现在分享给大家，也给大家做个参考。 复制代码代码如下:<htML> <head> <meta http-equiv="Co...
收集整理的这篇文章主要介绍了html 可输入下拉菜单的实现方法，觉得挺不错的，现在分享给大家，也给大家做个参考。 复制代码代码如下:
htML>
head>
meta http-equiv="Content-tyPE" content="text/html; charset=UTF-8" />
/head>
body>
?php
echo '
form name="DDForm" method="GET" action="">
div style="posITion:relative; ">
span style="margin-left:100px; width:18px; overflow:hidden; ">
select style="width:180px; margin-left:-100px" onchange="this.parentNode.nextSibling.value=this.value" name="hh">
option value="汽车"> 汽车 /option>
option value="火车"> 火车 /option>
option value="飞机"> 飞机 /option>
/select>
/span> input name="box" style="width:160px; position:absolute; left:0px; ">
input value="提交" name="submit" type="submit"/>
/div>
/form> ';
$aa=$_GET['hh']."111"; // select 下拉菜单的值
$bb=$_GET['box']."222"; // 输入框的值
echo $aa;
echo "/br> ";
echo $bb;
// 要获得可输入下拉菜单的值，只要获得输入框的值即可。
?>
/body>
/html>
要获得可输入下拉菜单的值，只要获得输入框的值即可。
注意： /span> input name="box" style="width:160px; position:absolute; left:0px; ">
这行要在一行中，不能写成
/span>
input name="box" style="width:160px; position:absolute; left:0px; ">
换行了之后则下拉菜单的值不能显示在 输入框中。
还可以根据输入的内容自动选择匹配的菜单值。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： html 可输入下拉菜单的实现方法
本文地址： https://pptw.com/jishu/588182.html