Gewünschtes Attribut auswählen

Question

Wie kann ich das Auswahlformular erstellen? Ich habe versucht, "erforderlich" zu setzen, aber es funktioniert nicht.

<div class="form-group"> 
    <label for="sel2">How many years have you been trading *</label> 
    <select class="form-control" id="sel2" required> 
     <option>Please select one</option> 
     <option>Start Up</option> 
     <option value="1-2">1-3</option> 
     <option value="3-4">3-4</option> 
     <option value="5more">5 or more</option> 
    </select> 
</div> 

Auch für diese, ich dies nur von einer Website, und ich die Zip-Datei heruntergeladen, aber ich brauche ein erforderliches Attribut

<div class="form-group"> 
    <label>Country *</label><br> 
    <div id="basic" data-input-name="country" required></div> 
</div> 


<script> 
$('#basic').flagStrap(); 

$('#origin').flagStrap({ 
    placeholder: { 
     value: "", 
     text: "Country of origin" 
    } 
}); 

$('#options').flagStrap({ 
    countries: { 
     "AU": "Australia", 
     "GB": "United Kingdom", 
     "US": "United States" 
    }, 
    buttonSize: "btn-sm", 
    buttonType: "btn-info", 
    labelMargin: "10px", 
    scrollable: false, 
    scrollableHeight: "350px" 
}); 

$('#advanced').flagStrap({ 
    buttonSize: "btn-lg", 
    buttonType: "btn-primary", 
    labelMargin: "20px", 
    scrollable: false, 
    scrollableHeight: "350px", 
    onSelect: function (value, element) { 
     alert(value); 
     console.log(element); 
    } 
}); 
</script> 

Answer 1

Erforderlich ist hier nicht woking hinzugefügt werden, da Sie nicht festgelegt haben in allen option.Set Werte in ersten beiden Optionen bewertet:

<link href="view/css/flags.css" rel="stylesheet"> 

<select class="form-control" id="sel2" required> 
     <option value="">Please select one</option> 
     <option value="startup">Start Up</option> 
     <option value="1-2">1-3</option> 
     <option value="3-4">3-4</option> 
     <option value="5more">5 or more</option> 
</select> 

<script> 
$('#basic').flagStrap(); 

$('#origin').flagStrap({ 
    placeholder: { 
     value: "", 
     text: "Country of origin" 
    } 
}); 

$('#options').flagStrap({ 
    countries: { 
     "AU": "Australia", 
     "GB": "United Kingdom", 
     "US": "United States" 
    }, 
    buttonSize: "btn-sm", 
    buttonType: "btn-info", 
    labelMargin: "10px", 
    scrollable: false, 
    scrollableHeight: "350px" 
}); 

$('#advanced').flagStrap({ 
    buttonSize: "btn-lg", 
    buttonType: "btn-primary", 
    labelMargin: "20px", 
    scrollable: false, 
    scrollableHeight: "350px", 
    onSelect: function (value, element) { 
     alert(value); 
     console.log(element); 
    } 
}); 
</script>