Question

我在使用chrome时遇到了JQuery的问题。

这是我的HTML：

<div class="selectInputContainer" id="selectmaerkeContainer" onClick="selectOption('maerke');">
     <span class="selectValue"></span>
     <select name="bilmaerke" class="selectInput" id="selectmaerke">
         <option value="">Alle</option>
         <?php echo $bilMaerkeOptionOutput; ?>
      </select>
</div>

这是我的Javascript：

function selectOption(selectId){
    optionVar = $("#select" + selectId + "Container").find("select option:selected").text();
    $("#select" + selectId + "Container").find('.selectValue').text(optionVar);
}

一切都适用于Safari，但不适用于Chrome或Opera，所以我想这是我的代码错了。 PS。我是JQuery的新手，对我很好！：）

Answer 1

为什么要将事件处理程序绑定到包装div单击？可能是事件传播问题。

我认为最好绑定select change事件，例如：

<div class="selectInputContainer" id="selectmaerkeContainer" > <span class="selectValue"></span>

    <select name="bilmaerke" class="selectInput" id="selectmaerke" onchange="selectOption('maerke');">
        <option value="">Alle</option>
        <option value="x">Other</option>
    </select>
</div>

演示：http://jsfiddle.net/rAWfJ/

JQuery - 选择Chrome标记问题

1 个答案: