gpt4 book ai didi

javascript - 访问表单元素

转载 作者:行者123 更新时间:2023-11-28 10:18:27 25 4
gpt4 key购买 nike

以下代码在操作选择框中的选项时工作正常,但当我将其放入表单中时它不起作用。请帮忙。

<html>
<head>
<title>Category list</title>
<script type="text/javascript">
var categories=new Object();

categories['Accessories'] = 'Cosmetics/Perfumes|Jewellery|Handbags|Shoes|Watches';
categories['Entertainment/Media'] = 'Videos/Movies|Art|Photo|News|Television|Music';
categories['Automobile'] = 'Cars| Motorcycles| Tools & Supplies| Accessories';
categories['Books & Magazines'] = 'eBooks| Audio Books| Books| Magazines';
categories['Business & Career'] = 'Real Estate| Office| Productivity Tools| Employment| B-TO-B| Marketing';
categories['Apparel'] = 'Childrens| Mens| Womens';

function subcat(elem)
{
var catarr;
var subb=document.getElementById("subcat");
subb.disabled=false;
subb.length=0;
var cat=elem.options[elem.selectedIndex].text;

if(categories[cat])
{

catarr=categories[cat].split('|');
subb.options[0]=new Option('select subcat',' ');
for(var i=0; i<catarr.length; i++)
{
subb.options[i+1]=new Option(catarr[i],catarr[i]);
}

}

}
</script>
</head>
<body>
<select id="cat" onChange="subcat(this,subcat)" style="width:200px;">
<option value="" selected="selected">Select Category</option>
<option value="">Accessories</option>
<option value="">Entertainment/Media</option>
<option value="">Automobile</option>
<option value="">Books & Magazines</option>
<option value="">Business & Career</option>
<option value="">Apparel</option>


</select>
</br>
</br>
<select id="subcat" style="width:200px; " disabled="true">

</select>
</body>
</html>

最佳答案

这似乎是一个名称冲突问题。您已将 JavaScript 函数和 Select 命名为相同的名称,即 subcat。为每一个都指定唯一的名称,这样在解析名称时就不会产生歧义。例如

<html>
<head>
<title>Catogery list</title>
<script type="text/javascript">
var catogeries=new Object();

catogeries['Accessories'] = 'Cosmetics/Perfumes|Jewelry|Handbags|Shoes|Watches';
catogeries['Entertainment/Media'] = 'Videos/Movies|Art|Photo|News|Television|Music';
catogeries['Automobile'] = 'Cars| Motorcycles| Tools & Supplies| Accessories';
catogeries['Books & Magazines'] = 'eBooks| Audio Books| Books| Magazines';
catogeries['Business & Career'] = 'Real Estate| Office| Productivity Tools| Employment| B-TO-B| Marketing';
catogeries['Apparel'] = 'Childrens| Mens| Womens';

function GetSubCategeries(elem)
{

var catarr;
var subb=document.getElementById("subcat");

subb.disabled=false;
subb.length=0;
var cat=elem.options[elem.selectedIndex].text;

if(catogeries[cat])
{

catarr=catogeries[cat].split('|');
subb.options[0]=new Option('select subcat',' ');
for(var i=0; i<catarr.length; i++)
{
subb.options[i+1]=new Option(catarr[i],catarr[i]);
}

}

}
</script>
</head>
<body>
<form>
<select id="cat" onChange="GetSubCategeries(this,subcat)" style="width:200px;">
<option value="" selected="selected">Select Catogery</option>
<option value="">Accessories</option>
<option value="">Entertainment/Media</option>
<option value="">Automobile</option>
<option value="">Books & Magazines</option>
<option value="">Business & Career</option>
<option value="">Apparel</option>


</select>
</br>
</br>
<select id="subcat" style="width:200px; " disabled="true">

</select>
</form>
</body>
</html>

注意,我已将选择包含在 Form 元素中,并将 JavaScript 函数重命名为 GetSubCategories()

关于javascript - 访问表单元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6079298/

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