Implementation of html input drop-down menu-HTML Tutorial-php.cn

Implementation of html input drop-down menu

高洛峰

Release： 2018-05-15 11:33:13

Original

2371 people have browsed it

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 &#39; 
<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>&#39;; 
$aa=$_GET[&#39;hh&#39;]."111"; // select 下拉菜单的值 
$bb=$_GET[&#39;box&#39;]."222"; // 输入框的值 
echo $aa; 
echo "</br>"; 
echo $bb; 
// 要获得可输入下拉菜单的值，只要获得输入框的值即可。 
?> 
</body> 
</html>

Copy after login

To obtain the value of the input drop-down menu, Just get the value of the input box.
Note:
This line must be in one line and cannot be written as

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!