Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用<;选择>&书信电报;选项>;?_Javascript_Html_Button_Option_Html Select - Fatal编程技术网

Javascript 如何使用<;选择>&书信电报;选项>;?

Javascript 如何使用<;选择>&书信电报;选项>;?,javascript,html,button,option,html-select,Javascript,Html,Button,Option,Html Select,我正在尝试制作一系列的3个下拉框,这样用户就不用在物种列表中滚动,而可以通过下拉框轻松导航。因此,用户点击两栖动物,他们可以在青蛙和海龟之间进行选择,然后选择物种。如果用户点击爬行动物,他们会看到不同种类的爬行动物。一旦他们选择了一个物种,他们点击submit或go按钮,它会将他们带到特定物种页面 所以我真的想改变按钮的动作。到目前为止,我有这个 <script> function DisableSelectOne() { document.getElementById("Selec

我正在尝试制作一系列的3个下拉框,这样用户就不用在物种列表中滚动,而可以通过下拉框轻松导航。因此,用户点击两栖动物,他们可以在青蛙和海龟之间进行选择,然后选择物种。如果用户点击爬行动物,他们会看到不同种类的爬行动物。一旦他们选择了一个物种,他们点击submit或go按钮,它会将他们带到特定物种页面

所以我真的想改变按钮的动作。到目前为止,我有这个

<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。