在bootstrap select选项中href to modal

时间:2018-01-17 08:36:55

标签: php twitter-bootstrap-3 bootstrap-modal

尝试将一个href添加到Bootstrap select中的模态。继续这几天没有成功。甚至不确定它是否可以完成,但到目前为止我有这个:

    <select class="form-control selectpicker" data-dropup-auto="false" name="firm">
        <option>Choose firm</option>
        <?php while ($row = $firm->fetch()) { ?>
            <option><?php echo $row['firm']; ?></option>
        <?php } ?>
        <option data-divider="true"></option>
        <option value="#newfirm" data-toggle="modal" data-target="#newfirm">New firm</option>
    </select>

还有其他办法吗? 感谢任何帮助

1 个答案:

答案 0 :(得分:1)

你能用jquery吗?如果是,那怎么样:

if ($(this).val() == 'Your-option-value') {
    $('#Your-modal-name').modal('show'); 
}

对于select标签中的指定值,模态打开...

Codepen链接: https://codepen.io/anon/pen/ypRpZP