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

字號:


    易賢網(wǎng)網(wǎng)校上線了!
    >>>點擊進入<<<
    網(wǎng)校開發(fā)及擁有的課件范圍涉及公務員、財會類、外語類、外貿(mào)類、學歷類、
    職業(yè)資格類、計算機類、建筑工程類、等9大類考試的在線網(wǎng)絡培訓輔導。
    代碼如下:
    <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="飛機"> 飛機 </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)容自動選擇匹配的菜單值。