第一次单击选择未选择值

Question

您好，我的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>';

有没有可能模拟此焦点？ 因为只有第一次点击才是聚焦值-第二，第三等总是选择正确的值

我发现问题在于此功能：

    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)
                    );
                }
            });
        });
    });
};

但是我不知道在哪里

在此先感谢您的帮助。

Answer 1

我不明白为什么您不只对jQuery事件使用'change'事件而不是'click'事件，所以继续您编写的代码并假设您使用的是jQuery，请尝试以下操作：

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

Answer 2

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

回声'--- select ----';