html 可輸入下拉菜單的實(shí)現(xiàn)方法

字號(hào):


    代碼如下:
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    </head>
    <body>
    <?php
    echo '
    <form name="DDForm" method="GET" action="">
    <div>
    <span>
    <select onchange="this.parentNode.nextSibling.value=this.value" name="hh">
    <option value="汽車">汽車 </option>
    <option value="火車"> 火車 </option>
    <option value="飛機(jī)"> 飛機(jī) </option>
    </select>
    </span><input name="box">
    <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">
    這行要在一行中,不能寫成
    </span>
    <input name="box">
    換行了之后則下拉菜單的值不能顯示在 輸入框中。
    還可以根據(jù)輸入的內(nèi)容自動(dòng)選擇匹配的菜單值。