-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 回答