【问题标题】:how to apply checkbox in multiselect dropdown如何在多选下拉列表中应用复选框
【发布时间】:2018-06-29 00:06:28
【问题描述】:

我需要在多选下拉列表中应用复选框,但不是成功。我正在使用发送表单创建多选下拉列表。但不在此多选下拉列表中应用复选框。所以请帮忙

<?php
    echo $this->formSelect(
        'ctr_partnerId',
        $expPartId,
        array(
            'class' => 'select_input',
            'multiple' => true,
            'size' => 10
        ),
        $this->usrName
    );
?>

我正在使用 jQuery

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js" type="text/javascript"></script>

<script>
    $('select[multiple]').multiselect({
        includeSelectAllOption: true,
    });
</script>

【问题讨论】:

  • 我也在用 但没有成功。
  • 显示浏览器呈现的 html

标签: javascript php jquery html checkbox


【解决方案1】:

我认为你的 html 有问题,因为它对我来说很完美

使用唯一选择器使用select[name="ss"]id

$('select[name="ss"]').multiselect({
                includeSelectAllOption: true,
            });
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css"
        rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css"
        rel="stylesheet" type="text/css" />
    <script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js"
        type="text/javascript"></script>



<select name="ss" class="select_input" multiple >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>

【讨论】:

    猜你喜欢
    • 2013-06-21
    • 2015-03-22
    • 1970-01-01
    • 2010-10-16
    • 2014-06-24
    • 2011-08-07
    • 1970-01-01
    • 1970-01-01
    • 2018-10-08
    相关资源
    最近更新 更多