2017-03-02 87 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) –

相关问题