首先单击选择不会选择值 - First click on select doesn't selecting the value

First click on select doesn't selecting the value

本文关键字：选择单击 | 更新日期: 2023-09-27

您好，我在HTML中的选择框有问题。首先单击此框有时不会选择值，而只是"聚焦"它？（我不知道这是个好词）我制作了屏幕来帮助您解释我的意思：

链接到图像

我该怎么做才能避免这种情况？当用户单击时，我必须在地图上显示正确的位置

我的代码的某些部分：

echo '<select id="selector'.$i.'" style=" height: 100%; width: 228px; margin: 2px;" onchange="JumpToPoint(this.value);">';
while($street = mysql_fetch_array($streets, MYSQL_ASSOC))
{
   echo '<option value="'.$street['x'].','.$street['y'].'">'.$street['name'].'</option>';        
}
echo '</select></div>';

是否有可能模拟这种焦点？因为只有第一次点击才是焦点值 - socond，第三次等总是选择正确的值

我发现问题出在此功能上：

    jQuery.fn.filterByText = function(textbox) {
    return this.each(function() {
        var select = this;
        var options = [];
        $(select).find('option').each(function() {
            options.push({value: $(this).val(), text: $(this).text()});
        });
        $(select).data('options', options);
        $(textbox).bind('change keyup', function() {
            var options = $(select).empty().data('options');
            var search = $.trim($(this).val());
            var regex = new RegExp(search,"gi");
            $.each(options, function(i) {
                var option = options[i];
                if(option.text.match(regex) !== null) {
                    $(select).append(
                        $('<option>').text(option.text).val(option.value)
                    );
                }
            });
        });
    });
};

但我不知道在哪里

提前感谢您的帮助。

我不明白为什么你不只对你的jQuery事件使用"change"事件而不是"click"事件，所以使用你提出的代码并假设你正在使用jQuery试试这个：

<script type="text/javascript">
$(document).ready(function() {
   $('#selector<?php echo $i ?>').change(function() {
      /** change map code goes here **/
   });
});
</script>

在 while 循环之前添加此行。我认为这对你有帮助。

回显"---选择----";