एक ड्रॉप डाउन से चयन करने की आवश्यकता है एचटीएमएल 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 मान्य से एक उदाहरण tweaked। मैं आपके मूल प्रश्न में जानता हूं कि आपने इसे 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>

मूल उदाहरण http://docs.jquery.com/Plugins/Validation

स्रोत

2012-10-17 16:51:04 zmanc

एक ड्रॉप डाउन से चयन करने की आवश्यकता है एचटीएमएल 5

उत्तर

संबंधित मुद्दे