-1

ドロップダウンボックスの前にテキスト入力 (z-index:1) を配置しました。ユーザーがテキストを入力し、ドロップダウン リストから選択できるようにします。ドロップダウンリストの下矢印ボタンを非表示にしました。したがって、ユーザーがテキスト入力をクリックすると、ドロップダウンリストが自動的に表示されます。リストを表示するために Jquery を使用する予定ですが、使用する必要がある機能がわかりません。

ここに私のコード

    <span id="plantimefromdd" style="position:relative;">
        <input id="textin1" name="textin1" type="text" style="width:100px;position:absolute;top:-4px;left:13;z-index:1;padding:3;margin:0;opacity:0;" value="<?php echo $todisplay; ?>" onclick="this.style.opacity=1;">
        <?php
        //display dropdown time for from interval 5 minutes
        $start = strtotime('12:00am');
        $end = strtotime('11:55pm');

        echo '<select name="plantimefromdd" style="width:100px;height:26px;-webkit-appearance:none;border-width:2px;border-color:#D8D8D8;" onchange="$(\'input#textin1\').val($(this).val());">';

        for ($i = $start; $i <= $end; $i += 300){
            $timerfrom = date('H:i', $i);
            if($todisplay == $timerfrom) {$temp = "selected";} else {$temp = "";}
            echo '<option '.$temp.' >' . $timerfrom ;
                }
        echo '</select>';
        ?>
    </span>

ご協力ありがとうございます。

4

1 に答える 1

0

最初にドロップダウンに id を追加してから、テキスト ボックスに対して次のようにします。

onclick="this.style.opacity=1;"

に：

onclick="$('#dropdown').show()" onblur="$('#dropdown').hide()"
于 2013-10-25T01:57:33.850 に答える