Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sockets/2.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
Html 除非选择了表单选项,否则禁用提交按钮_Html_Forms_Dropdown - Fatal编程技术网

Html 除非选择了表单选项,否则禁用提交按钮

Html 除非选择了表单选项,否则禁用提交按钮,html,forms,dropdown,Html,Forms,Dropdown,我在网上查看了一些页面,了解如何禁用下拉框的提交按钮,除非选择了一个选项。但是找不到适合我的。 任何关于如何做到这一点的帮助都将是巨大的 编辑:我不希望--选择一个选项--被视为一个选项 --选择一个选项-- 1. 2. 3. 4. 5. 使用onChange事件 <html> <head> </head> <body> <form action="action_page.php"> <s

我在网上查看了一些页面,了解如何禁用下拉框的提交按钮,除非选择了一个选项。但是找不到适合我的。 任何关于如何做到这一点的帮助都将是巨大的

编辑:我不希望
--选择一个选项--
被视为一个选项


--选择一个选项--
1.
2.
3.
4.
5.

使用onChange事件

<html>
  <head>

  </head>

  <body>
    <form action="action_page.php">
      <select name="attacks" id="attacks" onchange="selectChanged()">
        <option value="not_valid">-- select an option --</option>
        <option value="attack1">1</option>
        <option value="attack2">2</option>
        <option value="attack3">3</option>
        <option value="attack4">4</option>
        <option value="attack5">5</option>
      </select>
      <br>
      <input type="button" id="battle" onclick="game()"  value="Battle">
    </form>
  <script>
 function selectChanged(){
        attacks = document.getElementById("attacks");
        if(attacks.value =="not_valid"){//or whatever th unwanted value is
            document.getElementById("battle").disabled = true;
        } else{
            document.getElementById("battle").disabled = false; 
        }
    }          
  </script>
  </body>
  </html>

--选择一个选项--
1.
2.
3.
4.
5.

函数selectChanged(){ 攻击=document.getElementById(“攻击”); 如果(attacks.value==“not_valid”){//或任何不需要的值 document.getElementById(“battle”).disabled=true; }否则{ document.getElementById(“battle”).disabled=false; } }
您尝试过Javascript或jQuery吗?因为如果没有这两个,你就无法向页面元素添加行为。是的,我有,你有什么建议吗?这不起作用,即使我只使用上面提供的HTML和你在jsfiddle.net上的JS。刚才我在jsfiddle上试过了,但没有像你说的那样起作用,但如果您尝试使用我刚刚编辑的代码手动创建html文件,它肯定会成功,除了html、head、body标记之外,其他代码都是相同的。