gpt4 book ai didi

javascript - HTA 和 Javascript 兼容性。 Javascript 在 HTA 中不起作用

转载 作者:行者123 更新时间:2023-11-28 01:24:44 27 4
gpt4 key购买 nike

我有两个选择下拉菜单。当我从第一个下拉列表中选择时,第二个下拉列表中的条目应该更改。此功能在浏览器中运行良好,但在 HTA(HTML 应用程序)中运行不正常

我的代码

<html>
<head>
<script language="javascript">
function change()
{
var sel=document.getElementById("second")
var val=document.getElementById("first").value
if(val=="1")
{
sel.innerHTML="<option>a</option><option>b</option> <option>c</option>"
}
else if(val=="2")
{
sel.innerHTML="<option>x</option><option>y</option><option>z</option>"
}
}

</script>
</head>
<body>
<div>
<select id="first" onchange="change()">
<option>1</option>
<option>2</option>
</select >

<select id="second">
<option>a</option>
<option>b</option>
<option>c</option>
</select>
</div>

最佳答案

看起来您正在以 Quirks 模式运行该应用程序。如果是这样的话,select永远不会设置元素值。

您必须使用 IE9 或更高版本的文档模式(例如设置 HTML5 DTD 和 <meta http-equiv="x-ua-compatible" content="ie=edge" />),或者使用 selectedIndex属性获取 select 的值元素:

var val = sel[sel.selectedIndex].value;

如果您使用 IE<9 运行应用程序,则后者是唯一的选择。

另一个问题是设置innerHTMLselect元素。这在 IE <10 中不起作用。要解决此问题,您需要在脚本中创建所有需要的选项,请参阅 select element .

关于javascript - HTA 和 Javascript 兼容性。 Javascript 在 HTA 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32577871/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com