필요한 속성을 적용 할 수 있습니까

필요한 속성을 적용 할 수 있습니까HTML5의 필드? 사용자가 HTML5의 <select> 필드에서 무언가를 선택했는지 어떻게 확인할 수 있습니까? <select>가 새로운 필수 속성을 지원하지 않는 것을 볼 수 있습니다. 그러면 JavaScript를 사용해야합니까? 아니면 내가 놓친 것이 있습니까? : / 필수 사항 : 첫 번째 값을 비워 두십시오. 빈 값에 필요한 작업 전제 조건 : 올바른 html5 DOCTYPE 및 이름 지정된 입력 필드 <select name = "somename"required> <option value = ""> 선택하십시오 </ option> <option value = "one"> 하나 </ option> </ select> 설명서에 따라 (목록 및 굵게 표시됨) 필수 속성은 부울 속성입니다. 지정된 경우 사용자는 양식을 제출하기 전에 값을 선택해야합니다. select 요소에 필수 속성이 지정된 경우 다중 속성이 지정되지 않고 표시 크기가 1입니다 (SIZE = 2 이상은 필요하지 않음-필요하지 않은 경우 생략). select 요소의 옵션 목록에서 첫 번째 옵션 요소의 값 (있는 경우)이 빈 문자열이고 (예 : value = ""로 표시) 해당 옵션 요소의 상위 노드가 select 요소 (optgroup 요소가 아닌) 인 경우 ) 인 경우 해당 옵션은 요소 선택 개체 틀 레이블 옵션입니다. <select> 요소는 스펙에 따라 필수 속성을 지원합니다. http://dev.w3.org/html5/spec-author-view/the-select-element.html#the-select-element 어떤 브라우저가 이것을 존중하지 않습니까? (물론 사용자가 JavaScript를 사용할 수 있음을 보장 할 수 없으므로 서버에서 검증해야합니다. ) 옵션 요소에 대해 선택된 속성을 사용하여 기본적으로 선택 항목을 선택할 수 있습니다. select 요소에 필수 속성을 사용하여 사용자가 무언가를 선택하도록 할 수 있습니다. Javascript에서 selectedIndex 속성을 확인하여 선택한 옵션의 인덱스를 가져 오거나 value 속성을 확인하여 선택한 옵션의 값을 가져올 수 있습니다. HTML5 사양에 따르면, selectedIndex는 "선택된 첫 번째 항목의 색인을 리턴하거나, 선택된 항목이없는 경우 -1을 리턴합니다. 그리고 value"는 첫 번째 선택된 항목의 값을 리턴합니다 (있는 경우) 또는 비어있는 문자열을 리턴합니다 선택한 항목이 없습니다. "따라서 selectedIndex = -1이면 아무것도 선택하지 않은 것입니다. <button type ="button "onclick ="displaySelection () "> 내가 무엇을 선택 했습니까? </ button> <script > 함수 displaySelection () {var mySelect = document.getElementById ( "someSelectElement"); var mySelection = mySelect.selectedIndex; 경고 (mySelection); } </ script> 예, 작동합니다 : <select name = "somename"required> <option value = ""> 선택하십시오 </ option> <option value = "one"> 하나 </ option> </ select> 첫 번째 옵션을 비워 두어야합니다. 먼저 첫 번째 옵션에서 빈 값을 할당해야합니다. 즉, 여기에서만 선택하십시오. 필요한 것만 작동합니다. <form action = ""> <select required> <option selected disabled value = ""> 선택 </ option> <option value = "red"> 빨간색 </ option> <option value = "yellow"> 노란색 </ option > <option value = " option value = "audi"> Audi </ option> </ select> <input type = "submit"> </ form> </ body> </ html> html5에서는 다음과 같이 전체 표현식을 사용할 수 있습니다. <select required = "필수"> 왜 짧은 표현이 효과가 없는지 모르겠지만이 표현을 사용해보십시오. 해결됩니다. <select> <option value = ""style = "display : none"> 선택하십시오 </ option> <option value = "one"> 하나 </ option> </ select> JQuery를 사용하여 동적으로 수행 할 수도 있습니다. 필수 $ ( "# select1"). attr ( '필수', '필수'); 필수 $ ( "# select1")을 제거하십시오. removeAttr ( 'required'); 참고 URL : https://stackoverflow.com/questions/6048710/can-i-apply-the-required-attribute-to-select-fields-in-html5 / option> </ select> <input type = "submit"> </ form> </ body> </ html> html5에서는 전체 표현을 사용하여 다음을 수행 할 수 있습니다. <select required = "required"> 모르겠습니다 짧은 표현이 작동하지 않는 이유는 무엇입니까? 해결됩니다. <select> <option value = ""style = "display : none"> 선택하십시오 </ option> <option value = "one"> 하나 </ option> </ select> JQuery를 사용하여 동적으로 수행 할 수도 있습니다. 필수 $ ( "# select1"). attr ( '필수', '필수'); 필수 $ ( "# select1")을 제거하십시오. removeAttr ( 'required'); 참고 URL : https://stackoverflow.com/questions/6048710/can-i-apply-the-required-attribute-to-select-fields-in-html5 / option> </ select> <input type = "submit"> </ form> </ body> </ html> html5에서는 전체 표현을 사용하여 다음을 수행 할 수 있습니다. <select required = "required"> 모르겠습니다 짧은 표현이 작동하지 않는 이유는 무엇입니까? 해결됩니다. <select> <option value = ""style = "display : none"> 선택하십시오 </ option> <option value = "one"> 하나 </ option> </ select> JQuery를 사용하여 동적으로 수행 할 수도 있습니다. 필수 $ ( "# select1"). attr ( '필수', '필수'); 필수 $ ( "# select1")을 제거하십시오. removeAttr ( 'required'); 참고 URL : https://stackoverflow.com/questions/6048710/can-i-apply-the-required-attribute-to-select-fields-in-html5 > </ form> </ body> </ html> html5에서는 전체 표현을 사용할 수 있습니다. <select required = "required"> 짧은 표현이 왜 효과가 없는지 모르겠지만이 표현을 사용해보십시오. 해결됩니다. <select> <option value = ""style = "display : none"> 선택하십시오 </ option> <option value = "one"> 하나 </ option> </ select> JQuery를 사용하여 동적으로 수행 할 수도 있습니다. 필수 $ ( "# select1"). attr ( '필수', '필수'); 필수 $ ( "# select1")을 제거하십시오. removeAttr ( 'required'); 참고 URL : https://stackoverflow.com/questions/6048710/can-i-apply-the-required-attribute-to-select-fields-in-html5 > </ form> </ body> </ html> html5에서는 전체 표현을 사용할 수 있습니다. <select required = "required"> 짧은 표현이 왜 효과가 없는지 모르겠지만이 표현을 사용해보십시오. 해결됩니다. <select> <option value = ""style = "display : none"> 선택하십시오 </ option> <option value = "one"> 하나 </ option> </ select> JQuery를 사용하여 동적으로 수행 할 수도 있습니다. 필수 $ ( "# select1"). attr ( '필수', '필수'); 필수 $ ( "# select1")을 제거하십시오. removeAttr ( 'required'); 참고 URL : https://stackoverflow.com/questions/6048710/can-i-apply-the-required-attribute-to-select-fields-in-html5 select required = "required"> 짧은 표현이 왜 효과가 없는지 모르겠지만이 표현을 시도해보십시오. 해결됩니다. <select> <option value = ""style = "display : none"> 선택하십시오 </ option> <option value = "one"> 하나 </ option> </ select> JQuery를 사용하여 동적으로 수행 할 수도 있습니다. 필수 $ ( "# select1"). attr ( '필수', '필수'); 필수 $ ( "# select1")을 제거하십시오. removeAttr ( 'required'); 참고 URL : https://stackoverflow.com/questions/6048710/can-i-apply-the-required-attribute-to-select-fields-in-html5 select required = "required"> 짧은 표현이 왜 효과가 없는지 모르겠지만이 표현을 시도해보십시오. 해결됩니다. <select> <option value = ""style = "display : none"> 선택하십시오 </ option> <option value = "one"> 하나 </ option> </ select> JQuery를 사용하여 동적으로 수행 할 수도 있습니다. 필수 $ ( "# select1"). attr ( '필수', '필수'); 필수 $ ( "# select1")을 제거하십시오. removeAttr ( 'required'); 참고 URL : https://stackoverflow.com/questions/6048710/can-i-apply-the-required-attribute-to-select-fields-in-html5 선택하십시오 </ option> <option value = "one"> 하나 </ option> </ select> JQuery 세트를 사용하여 동적으로 수행 할 수도 있습니다. 필수 $ ( "# select1"). attr ( 'required', 'required' ); 필수 $ ( "# select1")을 제거하십시오. removeAttr ( 'required'); 참고 URL : https://stackoverflow.com/questions/6048710/can-i-apply-the-required-attribute-to-select-fields-in-html5 선택하십시오 </ option> <option value = "one"> 하나 </ option> </ select> JQuery 세트를 사용하여 동적으로 수행 할 수도 있습니다. 필수 $ ( "# select1"). attr ( 'required', 'required' ); 필수 $ ( "# select1")을 제거하십시오. removeAttr ( 'required'); 참고 URL : https://stackoverflow.com/questions/6048710/can-i-apply-the-required-attribute-to-select-fields-in-html5