- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
我是新来的,是一名初级开发人员。我在 IE8 中遇到一个问题,我的代码在 Firefox 中运行良好,但在 IE 中根本无法运行。
我的代码中有 2 个多选,我想为第一个选择显示第二个选择的一些选项。
HTML:
<form name="formMenu">
<table>
<tr>
<td align="center">
<select multiple name="selectOne" title="selectOne" class="selectOne"
style="width:180px;height:60px">
<option value="abc" onclick="Javascript:obtainSecondChoices()">
abc
</option>
<option value="def" onclick="Javascript:obtainSecondChoices()">
def
</option>
</select>
</td>
</tr>
<tr>
<td align="center">
<select multiple name="selectTwo" title="selectTwo" class="selectTwo"
style="width:180px;height:60px">
<option class="abc" value="selTwoOpt1" style="display:none;">
selTwoOpt1
</option>
<option class="def" value="selTwoOpt2" style="display:none;">
selTwoOpt2
</option>
<option class="abc" value="selTwoOpt3" style="display:none;">
selTwoOpt3
</option>
</select>
</td>
</tr>
</table>
</form>
Java脚本:
function obtainSecondChoices(){
var fstSelects = document.formMenu.selectOne;
for(var i = 0 ; i < fstSelects.length; i++){
var fstSelect = fstSelects[i];
if(fstSelect.selected){
var scndSelects = document.formMenu.selectTwo;
for(var j = 0; j< scndSelects.length; j++){
if(scndSelects[j].className == fstSelect.value){
scndSelects[j].style.display = '';
}
}
} else {
var scndSelects = document.formMenu.selectTwo;
for(var j = 0; j< scndSelects.length; j++){
if(scndSelects[j].className == fstSelect.value){
scndSelects[j].style.display = 'none';
scndSelects[j].selected = false;
}
}
}
}
}
这应该根据您在第一个选项中选择的内容显示或隐藏和取消选择第二个选项。
正如我所说,它在 Firefox 中运行良好,但 Internet Explorer 最初甚至没有使用 display: none 隐藏;
提前致谢,抱歉我的英语不好。
最佳答案
请尝试以下代码:使用临时 Select
标签时,您的 HTML 几乎没有变化。
HTML:
<form name="formMenu">
<table>
<tr>
<td align="center">
<select multiple="multiple" name="selectOne" title="selectOne" class="selectOne"
style="width: 180px; height: 60px" onchange="obtainSecondChoices()">
<option value="abc">abc </option>
<option value="def">def </option>
</select>
</td>
</tr>
<tr>
<td align="center">
<select multiple="multiple" name="selectTwo" title="selectTwo" class="selectTwo"
style="width: 180px; height: 60px">
</select>
<select name="selectTemp" id="selectTemp" style="display: none;">
<option class="abc" value="selTwoOpt1">selTwoOpt1 </option>
<option class="def" value="selTwoOpt2">selTwoOpt2 </option>
<option class="abc" value="selTwoOpt3">selTwoOpt3 </option>
</select>
</td>
</tr>
</table>
</form>
JavaScript:
<script type="text/javascript">
function obtainSecondChoices() {
var fstSelects = document.formMenu.selectOne;
var scndSelects = document.formMenu.selectTwo;
scndSelects.options.length = 0;
for (var i = 0; i < fstSelects.length; i++) {
var fstSelect = fstSelects[i];
if (fstSelect.selected) {
var tempSelects = document.formMenu.selectTemp;
for (var j = 0; j < tempSelects.length; j++) {
if (tempSelects[j].className == fstSelect.value) {
scndSelects.options[scndSelects.options.length] = new Option(tempSelects[j].text, tempSelects[j].value);
}
}
}
}
}
</script>
关于javascript - 显示 :none; in select multiple doesn't work on IE 8,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19856899/
我对这个错误很困惑: Cannot implicitly convert type 'System.Func [c:\Program Files (x86)\Reference Assemblies\
考虑这段代码: pub trait Hello { fn hello(&self); } impl Hello for Any { fn hello(&self) {
问题很简单。是否可以构造这样一个类型 T,对于它下面的两个变量声明会产生不同的结果? T t1 = {}; T t2{}; 我已经研究 cppreference 和标准一个多小时了,我了解以下内容:
Intellij idea 给我这个错误:“Compare (T, T) in Comparator cannot be applied to (T, T)” 对于以下代码: public class
任何人都可以告诉我 : n\t\t\t\t\n\t\t\t 在以下来自和 dwr 服务的响应中的含义和用途是什么. \r\n\t\t\t \r\n\t\t\t
让 T 成为一个 C++ 类。 下面三个指令在行为上有什么区别吗? T a; T a(); T a = T(); T 为不带参数的构造函数提供了显式定义这一事实是否对问题有任何改变? 后续问题:如果
Rust中的智能指针是什么 智能指针(smart pointers)是一类数据结构,是拥有数据所有权和额外功能的指针。是指针的进一步发展 指针(pointer)是一个包含内存地
比如我有一个 vector vector > v={{true,1},{true,2},{false,3},{false,4},{false,5},{true,6},{false,7},{true,8
我有一个来自 .xls 电子表格的数据框,我打印了 print(df.columns.values) 列,输出包含一个名为:Poll Responses\n\t\t\t\t\t。 我查看了 Excel
This question already has answers here: What are good reasons for choosing invariance in an API like
指针类型作为类型前缀与在类型前加斜杠作为后缀有什么区别。斜线到底是什么意思? 最佳答案 语法 T/~ 和 T/& 基本上已被弃用(我什至不确定编译器是否仍然接受它)。在向新向量方案过渡的初始阶段,[T
我正在尝试找到一种方法来获取模板参数的基类。 考虑以下类: template class Foo { public: Foo(){}; ~Foo(){};
这是一个让我感到困惑的小问题。我不知道如何描述它,所以只看下面的代码: struct B { B() {} B(B&) { std::cout ::value #include
为什么有 T::T(T&) 而 T::T(const T&) 更适合 copy ? (大概是用来实现move语义的???) 原始描述(被melpomene证明是错误的): 在C++11中,支持了一种新
在 Java 7 中使用 eclipse 4.2 并尝试实现 List 接口(interface)的以下方法时,我收到了警告。 public T[] toArray(T[] a) { ret
假设有三个函数: def foo[T](a:T, b:T): T = a def test1 = foo(1, "2") def test2 = foo(List(), ListBuffer()) 虽
我对柯里化(Currying)和非柯里化(Currying)泛型函数之间类型检查的差异有点困惑: scala> def x[T](a: T, b: T) = (a == b) x: [T](a: T,
考虑一个类A,我如何编写一个具有与相同行为的模板 A& pretty(A& x) { /* make x pretty */ return x; } A pretty(A&& x) {
Eclipse 表示由于泛型类型橡皮擦,类型参数不允许使用 instanceof 操作。 我同意在运行时不会保留任何类型信息。但是请考虑以下类的通用声明: class SomeClass{ T
在 C++14 中: 对于任何整数或枚举类型 T 以及对于任何表达式 expr: 有没有区别: struct S { T t { expr }; }; 和 struct S { T t = { exp
我是一名优秀的程序员,十分优秀!