2017-03-02 7 views
0

Ich habe eine select option(drop down) auf meinem hmtl. Ich möchte dies in der Datenbank veröffentlichen. Normalerweise werde ich wählen"Selection1" wird die value="3" ausgewählt und wenn ich wählen"Selection2" wird die value="4" ausgewählt werden.Wie man zwei Auswahl mit 1 Option kombiniert

Jetzt möchte ich, dass wenn ich wählen"Selection1&2" die value="3" und value="4" wird zur Datenbank ausgewählt oder per Post werden.

Irgendwelche Ideen oder Vorschläge, wie man das macht?

<select class="form-control" id='Selection'>  
    <option value="3">Selection1</option> 
    <option value="4">Selection2</option> 
    <option value="5">Selection1&2</option> 
</select> 

Danke

Antwort

5

Verwenden Attribut multiple und Namen Ihrer select[] mit:

<select class="form-control" id='Selection' name="myselect[]" multiple>  
    <option value="3">Selection1</option> 
    <option value="4">Selection2</option> 
    <!-- Following option can be removed --> 
    <!-- option value="5">Selection1&2</option --> 
</select> 

Druckwert von myselect auf dem Server:

print_r($_POST['myselect']); 

Sie werden sehen, dass Du hast ein Array mit sele Werte.

+0

Hallo @u_mulder. Vielen Dank für das .. Ich werde dies versuchen und Feedback –

1

Wenn Ihre dritte Option die Option Alle auswählen verwendet, verwenden Sie den Bootstrap-Rahmen, um alle Funktionen auszuwählen und das Erscheinungsbild zu verbessern.

<div class="form-group"> 

    <div class="col-md-4"> 
     <select id="Selection" class="multiselect-ui form-control" multiple="multiple"> 
      <option value="3">Selection1</option> 
      <option value="4">Selection2</option> 
      <!-- Following option can be removed --> 
      <!-- option value="5">Selection1&2</option --> 
     </select> 
    </div> 
</div> 


<script type="text/javascript"> 
    $(function() { 
     $('.multiselect-ui').multiselect({ 
      includeSelectAllOption: true 
     }); 
    }); 
</script> 

"Select All" als dritte Option handeln

+0

Hallo Radhesh, includeSelectAllOption ist nicht erkennbar. –

+0

Haben Sie Bootstrap-Dateien ?? dh [bootstrap.min.css] (https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css) und [bootstrap.min.js] (https: //maxcdn.bootstrapcdn. com/bootstrap/3.3.7/js/bootstrap.min.js) –

Verwandte Themen