양식 옵션이 선택되지 않은 경우 제출 단추 사용 안 함

옵션을 선택하지 않은 경우 드롭 다운 상자의 제출 단추를 사용하지 않도록 설정하는 방법에 대한 온라인 몇 페이지를 확인했습니다. 그러나 나를 위해 일하는 것을 찾을 수 없습니다. 그 방법에 대한 도움이 될 것입니다!양식 옵션이 선택되지 않은 경우 제출 단추 사용 안 함

편집 : 원하지 않는 <option value="not_valid">-- select an option --</option>는 옵션

<form action="action_page.php"> 
 
    <select name="attacks" id="attacks"> 
 
    <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>

출처

2016-06-08 Sat10

당신이 자바 스크립트 또는 jQuery를 함께 아무것도를 시도로 간주한다? 이 두 요소가 없으므로 페이지 요소에 비헤이비어를 추가 할 수 없습니다. –

예, 있습니다. 제안 사항이 있습니까? – Sat10

사용 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>

출처

2016-06-08 13:08:35

jsfiddle.net – Sat10

위에서 제공 한 HTML을 사용하는 경우에도 작동하지 않습니다. 지금 막 JSFiddle에서 시도해 보았지만 귀하가 말한대로 작동하지 않았지만 시도하면 확실히 작동합니다 html, head, body 태그를 제외하고 수동으로 편집 한 코드로 html 파일을 수동으로 생성합니다. –

양식 옵션이 선택되지 않은 경우 제출 단추 사용 안 함

답변

관련 문제