드롭 다운 메뉴에서 선택해야 함 5

사용자가 드롭 다운 메뉴에서 선택하도록 할 수 있습니까? 예 :드롭 다운 메뉴에서 선택해야 함 5

<form action=""> 
<select name="cars"> 
<option value="volvo">Volvo</option> 
<option value="saab">Saab</option> 
<option value="fiat">Fiat</option> 
<option value="audi">Audi</option> 
</select> 
</form>

기본적으로 "볼보"가 선택됩니다. 내가 원하는 것은 브라우저가 사용자가 선택을했고 자동 기본값을 허용하지 않는다는 것을 알기 위해서입니다.

나는 이런 식으로 뭔가를 생각하고 :

<form action=""> 
<select name="cars" required="required"> 
<option value="volvo">Volvo</option> 
<option value="saab">Saab</option> 
<option value="fiat">Fiat</option> 
<option value="audi">Audi</option> 
</select> 
</form>

어떤 조언을?

출처

2012-10-17 Austin Lovell

에 있었다. 브라우저가 기본 옵션을 거부해야하는 경우 사용자가 볼보를 선택하는 방법은 무엇입니까? –

기본 옵션을 만들었습니다. 을 선택하고 사용자가 옵션을 변경하지 않고 제출하려고했는데 "- 옵션 선택 -"을 제출하지 않았습니까? –

예. 서버 측 (분명히)에서이를 확인하고 유효하지 않은 경우 새로운 입력을 요청하십시오. –

jquery validate에서 예제를 수정하여 효과를 얻었습니다. 원래 질문에서 HTML5를 기반으로하는 질문을했지만 어쩌면이 혼합 예제를 사용할 수 있습니다.`- 옵션 선택 -

http://jsfiddle.net/36MkJ/

<html> 
<head> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script> 
    <script> 
     $(document).ready(function(){ 
      $("#carsForm").validate(); 
     }); 
    </script> 
</head> 
<body> 
<form class="cmxform" id="carsForm" method="get" action=""> 
    <select name="cars" class="required"> 
     <option value="">Select a car</option> 
     <option value="volvo">Volvo</option> 
     <option value="saab">Saab</option> 
     <option value="fiat">Fiat</option> 
     <option value="audi">Audi</option> 
    </select> 
    <p> 
     <input class="submit" type="submit" value="Submit"/> 
    </p> 
</form>

원래 예는 추가 옵션, 예를 들어`

출처

2012-10-17 16:51:04 zmanc

드롭 다운 메뉴에서 선택해야 함 5

답변

관련 문제