2017-03-02 70 views
0

我的hmtl上有一個select option(drop down)。我想發佈這個數據庫。通常如果我會選擇"Selection1"value="3"將被選中,如果我選擇"Selection2"value="4"將被選中。如何將兩個選項與1個選項結合使用

現在,我想,如果我選擇"Selection1&2"value="3"value="4"將被選中或發佈到數據庫。

有關如何做到這一點的任何想法或建議?

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

謝謝

回答

5

用途使用[]屬性multiple和你select的設置名稱:服務器的myselect

<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> 

印刷值:

print_r($_POST['myselect']); 

你會看到,你有一個sele陣列創造價值。

+0

@u_mulder嗨行動。感謝您的這..我會嘗試這個和反饋 –

1

如果您的第三個選項充當Select all選項,請使用Bootstrap框架工作來選擇所有功能並且還可以獲得更好的外觀和感覺。

<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> 

「全選」,將作爲您的第三個選項

+0

嗨Radhesh,includeSelectAllOption是不可識別的。 –

+0

你有沒有包含bootstrap文件?即[bootstrap.min.css](https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css)和[bootstrap.min.js](https://maxcdn.bootstrapcdn。 COM /引導/ 3.3.7/JS/bootstrap.min.js) –

相關問題