2016-06-29 15 views
0

Ich habe zwei Select-Boxen, in denen ich möchte, dass mindestens eine erforderlich sein sollte. Wenn wir nur eine Auswahlbox auswählen, sollte es tru sein. Wenn wir beide auswählen, dann sollte es Tru sein. Wenn wir keinen auswählen, sollte es erforderlich sein.Atleast eine Auswahlbox ist erforderlich

hier ist mein Code

<select name="A[]" > 
 
    <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
</select> 
 

 
<select name="B[]" > 
 
    <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
</select>

+0

Wie würde man dort nichts wählen? Wählen Sie die Standardeinstellung standardmäßig für die erste Option aus. – poke

+1

^würde vorschlagen, dass Sie stattdessen einen Radio-Button bekommen. – Ctc

Antwort

0

HTML:

<select name="A[]" id="test1" > 
    <option value="">Select A Vehicle</option> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 

<select name="B[]" id="test2" > 
    <option value="">Select A Vehicle</option> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 

javascript:

if($('#test1').val() == "" && $('#test2').val() == "") { 
     alert("Atleast select one vehicle"); 
    } 

    $('#test1').on('change', function() { 
     if($('#test1').val() == "" && $('#test2').val() == "") { 
      alert("Atleast select one vehicle"); 
     } 
    }) 

    $('#test2').on('change', function() { 
     if($('#test1').val() == "" && $('#test2').val() == "") { 
      alert("Atleast select one vehicle"); 
     } 
    }) 
+0

funktioniert nicht @Ajit – Divakarcool

+0

Ich habe JQuery verwendet. Sie müssen also die jquery-Datei einschließen. Wenn Sie nur eine JAVASCRIPT-Unterstützung benötigen, bearbeite ich meinen Code. –

0

versuchen dieses .. verwenden Exam JS Fiddel ple

Bestätigung überprüfen auf Seite laden

$(document).ready(function() { 
    Validate(); 
}); 

und Button klicken

$("#btnSubmit").click(function(){ 
    Validate(); 
});