Home > Article > Web Front-end > Implementation of html input drop-down menu
Implementation of html input drop-down menu
- 高洛峰Original
- 2018-05-15 11:33:132329browse
The input drop-down menu is incredible, isn’t it? This example uses some methods to achieve this impossible thing. Interested friends can refer to the following
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <?php echo ' <form name="DDForm" method="GET" action=""> <p 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"/> </p> </form>'; $aa=$_GET['hh']."111"; // select 下拉菜单的值 $bb=$_GET['box']."222"; // 输入框的值 echo $aa; echo "</br>"; echo $bb; // 要获得可输入下拉菜单的值，只要获得输入框的值即可。 ?> </body> </html>
To obtain the value of the input drop-down menu, Just get the value of the input box.
Note: 54bdf357c58b8a65c66d7c19c8e4d114a19f97adf61d1e625ebd9ead6e45174d
This line must be in one line and cannot be written as
54bdf357c58b8a65c66d7c19c8e4d114
a19f97adf61d1e625ebd9ead6e45174d
After the line break, the value of the drop-down menu cannot be displayed in the input box.
You can also automatically select matching menu values based on the input content.
For more articles related to the implementation of html input drop-down menu, please pay attention to the PHP Chinese website!