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

字號:


    代碼如下:
    <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=飛機(jī)> 飛機(jī) </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;>
    換行了之后則下拉菜單的值不能顯示在 輸入框中。
    還可以根據(jù)輸入的內(nèi)容自動選擇匹配的菜單值。