Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript IE8下拉选择不可单击_Javascript_Html_Internet Explorer 8 - Fatal编程技术网

Javascript IE8下拉选择不可单击

Javascript IE8下拉选择不可单击,javascript,html,internet-explorer-8,Javascript,Html,Internet Explorer 8,我对IE8有一个问题,即两个下拉框中的一个不能正常工作。它在Firefox、Chrome和Safari以及IE9+中运行良好,但由于某些原因IE8无法工作 基本上,顶部下拉框允许您单击并显示选择,但只要您向下移动鼠标以选择一个选项,下拉框就会消失。有时,您可以足够快地选择一个选项,或者使用箭头键可以很好地选择选项。底部的盒子工作完美,没有问题,这真的很奇怪 此外,当我将下拉框移动到表单顶部(在其他输入字段上方)时,通过让您双击下拉框,然后选择选项,它会略有改进,但仍然不是完美的 进一步测试后,问

我对IE8有一个问题,即两个下拉框中的一个不能正常工作。它在Firefox、Chrome和Safari以及IE9+中运行良好,但由于某些原因IE8无法工作

基本上,顶部下拉框允许您单击并显示选择,但只要您向下移动鼠标以选择一个选项,下拉框就会消失。有时,您可以足够快地选择一个选项,或者使用箭头键可以很好地选择选项。底部的盒子工作完美,没有问题,这真的很奇怪

此外,当我将下拉框移动到表单顶部(在其他输入字段上方)时,通过让您双击下拉框,然后选择选项,它会略有改进,但仍然不是完美的

进一步测试后,问题可能出在我使用的CSS切换按钮上:因为这些按钮也没有正确显示(IE8忽略了所有样式)。

对不起,我说得不够清楚。该网站尚未上线,所以我不能让你看到它,但这是我正在使用的代码

<label class="control-label">Dropdown2</label>
<div class="controls">
  <select class="m-wrap" style="width: 100px; margin-left: 4px; margin-top: 4px;" id="option1" onChange="QuoteRefresh();" tabindex="1">
    <option value="">Select...</option>
    <option value="1">1</option>
    <option value="5">2</option>
    <option value="2">3</option>
    <option value="3">4</option>
    <option value="6">5</option>
    <option value="4">6</option>
  </select>
</div>
<label class="control-label">Dropdown 2</label>
<div class="controls">                                      
  <select class="m-wrap" style="width: 100px; margin-left: 4px; margin-top: 4px;"  id="option2" onChange="QuoteRefresh();" tabindex="1">
    <option value="">Select...</option>
    <option value="1000">1000</option>
    <option value="2000">2000</option>
    <option value="3000">3000</option>
    <option value="4000">4000</option>
    <option value="5000">5000</option>
  </select>
</div>
下拉列表2
选择。。。
1.
2.
3.
4.
5.
6.
下拉列表2
选择。。。
1000
2000
3000
4000
5000
我刚刚从HTML中删除了以下代码,问题已经解决了。此代码与上述切换按钮有关。但是,我需要这些切换按钮来处理下拉列表

  <div class="switch candy blue">
    <input id="op1" name="sat" type="radio">
    <label for="op1" onClick="">Yes</label>
    <input id="op2" name="sat" type="radio" checked>  
    <label for="op2" onClick="">No</label>
    <span class="slide-button"></span>
  </div>

对
不

我在IE8中选择元素时遇到了这个问题。我单击,选项出现了,但当我移动到选择一个选项时,它们消失了

我的问题是。我想我会提供这个答案,只是因为CSS3派非常常用。在我的例子中,我使用它来绕过旧浏览器中select元素的各个角落


当我移除了添加了CSS3派“行为”的选择器后,问题就消失了。IE8中的select元素不再有圆角边框,但它们现在实际上可以正常工作了。

QuoteRefresh()函数在做什么?嗨,奥利,QuoteRefresh()做了一些JQuery计算,但我已经把它取出来了,问题仍然存在,所以似乎与此无关。就在他们的页面上“不支持媒体查询的浏览器,如IE8和bellow,会获得标准表单元素。“这就解释了为什么切换按钮没有样式化,但是这会导致下拉菜单的行为方式也一样吗?”?我是不是在寻找一些与IE8兼容的切换按钮?谢谢你的帮助。试着减少选择元素的宽度IE8并不总是公平地使用CSS定制选择菜单。你能解释一下你是如何将其归结为CSS3派问题的吗?我有完全相同的问题,但我没有使用CSS3派,所以我想知道如何找出它可能是什么