html - 为什么不在信息框中选择元素展开？

Question

如果您创建一个 infobox使用 Bing Maps v7 Ajax 控件并设置 htmlContent对于其中包含选择元素的某些 html，单击选择上的下拉箭头时没有任何反应。

var options = {
    htmlContent: '<div style="width: 200px;border: #727272 1px solid; background: #fff;">' +
        '      Show Range: <select>' +
        '          <option value="default">Default</option>' +
        '          <option value="a">A</option>' +
        '          <option value="b">B</option>' +
        '          <option value="c">C</option>' +
        '      </select>' +
        '</div>'
};

jsFiddle 在这里:http://jsfiddle.net/bryantlikes/8E2KK/1/

有什么想法吗？

Answer 1

主要原因是应用了 MicrosoftMap css 类的生成 div 捕获了点击事件，并且没有在选择元素上传播。

如果您先使用“Tab”键，然后使用箭头键，则可以更改值，这样选择工作正常，但点击效果不佳。

我会尝试找到解决方法并帮助您。