html 可输入下拉菜单的实现方法

前端技术 2023/09/08 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;\">

换行了之后则下拉菜单的值不能显示在 输入框中。

还可以根据输入的内容自动选择匹配的菜单值。

本文地址：https://www.stayed.cn/item/22739

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案