Javascript onchange表单
我梦想着一个聪明的人。示例:我在一个选择框中选择了选项1,然后它将出现第二个选择框,带有选项1a或1b或类似选项。但是如果您在第一个选项中使用选项2,那么可能会出现一个文本区域来帮助获取与选项2匹配的信息 我是javascript新手,我问过谷歌,发现了很多小例子。我现在做了类似的事情。但我不确定这是否是一个很好的方法,因为这意味着我必须为第一个选择顺序文本区域的值部分中的第二个选择顺序文本区域编写html代码 有人知道我应该从哪里开始,或者我应该如何对函数进行排序吗Javascript onchange表单,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,我梦想着一个聪明的人。示例:我在一个选择框中选择了选项1,然后它将出现第二个选择框,带有选项1a或1b或类似选项。但是如果您在第一个选项中使用选项2,那么可能会出现一个文本区域来帮助获取与选项2匹配的信息 我是javascript新手,我问过谷歌,发现了很多小例子。我现在做了类似的事情。但我不确定这是否是一个很好的方法,因为这意味着我必须为第一个选择顺序文本区域的值部分中的第二个选择顺序文本区域编写html代码 有人知道我应该从哪里开始,或者我应该如何对函数进行排序吗 施蒂夫穆特陈 Prim
施蒂夫穆特陈
Primeln
塔尔彭
var choosenCMS=document.getElementById('cms');
cms.onchange=函数()
{
var show=document.getElementById('show');
show.innerHTML=this.value;
}
作为一个简单的示例,您可以通过查找第一个select
的值,并使用if
语句来显示/隐藏其他表单元素,如:
HTML
<select id="cms">
<option>Choose One</option>
<option value="one">One</option>
<option value="two">Two</option>
<option value="three">Three</option>
</select>
<select id="more">
<option value="one-a">One A</option>
<option value="two-b">Two B</option>
<option value="three-c">Three C</option>
</select>
<textarea></textarea>
CSS
$("#cms").change(function(){
var grabVal = $(this).val();
if(grabVal == "one"){
$("#more").show();
$("textarea").hide();
}else if(grabVal == "two"){
$("textarea").show();
$("#more").hide();
}else{
$("textarea").hide();
$("#more").hide();
}
});
#more, textarea{
display: none;
}
只是问一下,您是否尝试过jQuery?您需要学习从源数组动态构建
标记。然后可以使用二维数组存储所有选项和子选项。此数组将通过JSON(或XML)file.jQuery(尚未尝试)进行硬编码或动态填充。但我想,这可能是一种可能性。但我现在不知道如何编写代码,但如果您认为它值得,它可能是一个解决方案。谢谢,从源阵列动态生成标记是什么意思?谢谢你给我的帮助,这正是我想要的。而且很容易设计,因为我有常规的html代码。我说的对吗,你的代码是jquery,我必须先加载它?非常感谢你的回答,不客气。很乐意帮忙。是的,它是jquery,因此可以让您在代码运行之前加载库。但还有一个问题。当我在live中尝试时,每个元素都将被加载,在第一次选择之后,它将正常工作。当用户打开页面时,我怎么说只显示第一个选择器?