Javascript 如何使用<;选择>&书信电报;选项>;?
我正在尝试制作一系列的3个下拉框,这样用户就不用在物种列表中滚动,而可以通过下拉框轻松导航。因此,用户点击两栖动物,他们可以在青蛙和海龟之间进行选择,然后选择物种。如果用户点击爬行动物,他们会看到不同种类的爬行动物。一旦他们选择了一个物种,他们点击submit或go按钮,它会将他们带到特定物种页面 所以我真的想改变按钮的动作。到目前为止,我有这个Javascript 如何使用<;选择>&书信电报;选项>;?,javascript,html,button,option,html-select,Javascript,Html,Button,Option,Html Select,我正在尝试制作一系列的3个下拉框,这样用户就不用在物种列表中滚动,而可以通过下拉框轻松导航。因此,用户点击两栖动物,他们可以在青蛙和海龟之间进行选择,然后选择物种。如果用户点击爬行动物,他们会看到不同种类的爬行动物。一旦他们选择了一个物种,他们点击submit或go按钮,它会将他们带到特定物种页面 所以我真的想改变按钮的动作。到目前为止,我有这个 <script> function DisableSelectOne() { document.getElementById("Selec
<script>
function DisableSelectOne()
{
document.getElementById("SelectOne").disabled=true;
}
</script>
<script>
function EnableSelectOne()
{
document.getElementById("SelectOne").disabled=false;
}
</script>
<script type="text/javascript">
var SelectOne=[
["Select One"],
["Select One","Red Eyed Tree Frog","Bull Frog"],
["Select One","Red Eared Slider"]
];
function Box3(idx) {
var f=document.myform;
f.box3.options.length=null;
for(var i=0; i<SelectOne[idx].length; i++) {
f.box3.options[i]=new Option(SelectOne[idx][i], i);
}
}
</script>
<script type="text/javascript">
var SpeciesNSub=[
["Select One",
"Frogs",
"Turtles"],
["Select One",
"Chinese Water Dragon","Green Iguana",
"Frilled Lizard"]
];
function Box2(idx) {
var f=document.myform;
f.box2.options.length=null;
for(var i=0; i<SpeciesNSub[idx].length; i++) {
f.box2.options[i]=new Option(SpeciesNSub[idx][i], i);
}
}
</script>
</head>
<center>
<body onload="Box2(0);Box3 (0)">
<form name="myform" method="post">
<fieldset>
<select Id="box1" name="box1" onchange="Box2(this.selectedIndex)">
<option value="Amphibians">Amphibians</option>
<option value="Reptiles">Reptiles</option>
</select>
<select name="box2" onchange="Box3(this.selectedIndex)">
<option value="Frogs" >Frogs</option>
<option value="Turtles">Turtles</option>
<option value="CWD">Chinese Water Dragon</option>
<option value="GreenIggy">Green Iguana</option>
<option value="Frilled">Frilled Lizard</option>
</select>
<select style="" id="box3" name="box3" id="SelectOne">
</select>
<button id="CareSearch" type="button"></button>
</fieldset>
</form>
</center>
<?php
if(empty($_POST['SelectOne'])) {
// User did not select a brand
}
header('Location: http://www.ReptiGuru.zzl.org' . urlencode($_POST['Frilled']));
exit();
?>
<script type="text/javascript">
document.getElementById('box1').addEventListener('change', function() {
if(this.selectedIndex != 0) {
document.getElementById('box3').disabled = true;
}
else {
document.getElementById('box3').disabled = false;
}
});
</script>
函数DisableSelectOne()
{
document.getElementById(“SelectOne”).disabled=true;
}
功能启用SelectOne()
{
document.getElementById(“SelectOne”).disabled=false;
}
选择素=[
[“选择一个”],
[“选择一个”、“红眼树蛙”、“牛蛙”],
[“选择一个”,“红耳滑块”]
];
功能盒3(idx){
var f=document.myform;
f、 box3.options.length=null;
对于(var i=0;i),您遇到的问题是…?我无法让submit按钮转到特定的URL。您真的需要发布表单吗?Javascript可以通过设置window.location.href
自行转到URL。