Question

我有一个文本输入（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>

感谢您的帮助。

Answer 1

首先在您的下拉菜单中添加ID，然后为文本框添加以下内容：

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

要：

onclick="$('#dropdown').show()" onblur="$('#dropdown').hide()"

显示下拉列表onclick其他元素（文本输入）

1 个答案: