我可以使用“自定义选择框”来用Php处理元素的值吗？ - javascript

也许这是一个愚蠢的问题，但我正在尝试思考正确的问题！

我做了一个自定义选择框。

HTML：

<div class="select_box">                        
<div class="select_box_header">Show User Group <span><!--SelectArrow--> </span></div>
<!--select_user-->

<div class="option_box">
    <h3>Group 1</h3>
    <input type="checkbox" name="user_group" id="UserA" value="UserA">
    <label for="UserA">User A</label>
    <input type="checkbox" name="user_group" id="UserB" value="UserB">
    <label for="UserB">User B </label>

    <h3>Group 2</h3>
    <input type="checkbox" name="user_group" id="UserC" value="UserC">
    <label for="UserC">User C</label>
    <input type="checkbox" name="user_group" id="UserD" value="UserD">
    <label for="UserD">User D </label>                              
 </div><!--option_box-->

 </div><!--select_box-->

与某些CSS和js一起在客户端进行更改的效果很好。

参见：http://jsfiddle.net/jakptq60/4/

我的问题是：如何使用“自定义”选择框通过Php处理数据？像：作为一个选择，将其发送到数据库等。这可能吗？

我已经尝试过类似的方法，但是我没有得到回应：

<?php

    if (isset($_POST['user_group'])) {
    $user_group = $_POST['user_group'];
    echo $user_group;
    }
?>

参考方案

我建议将其从隐藏的复选框更改为单个<input id="user_group" type="hidden" name="user_group"/>，然后更新jquery以更新隐藏的#user_group，然后从所有其他元素中删除name =“ user_group”，因为这会使大多数浏览器采用最后一个值并将其传递给服务器。

的HTML

<div class="select_box">
    <input type="hidden" name="user_group" id="user_group"/>                            
    <div class="select_box_header">Show User Group <span> </span></div><!--select_user-->
    <div class="option_box">
        <h3>Group 1</h3>
        <div class="select_me" data-val="UserA">User A</div>
        <div class="select_me" data-val="UserB">User B </div>
        <h3>Group 2</h3>
        <div class="select_me" data-val="UserC">User C</div>
        <div class="select_me" data-val="UserD">User D </div>
    </div><!--option_box-->
 </div><!--select_box-->

$('.select_box_header span').addClass('nonActiveSpan');
$('.select_box_header').click(function(){
    $('.select_box').toggleClass('activeSelect'); //Open Select Box 
    $('.select_box_header span').toggleClass('nonActiveSpan activeSpan'); // Toggle Dropdown Arrow      
});

/* Check if Custom Checkbox is being checked..*/
$('.select_me').on('click', function(){
    $('#user_group').val($(this).attr('data-val'));
    $('.select_box_header').html($('#user_group').val());
    $('.select_box').toggleClass('activeSelect'); //Open Select Box 
    $('.select_box_header span').toggleClass('nonActiveSpan activeSpan'); // Toggle Dropdown Arrow      
});

您将需要使用它来使它看起来不错，并且在选择一个值时不会脱离箭头，并且能够再次选择“无值”选项。但这应该是答案。

在PHP脚本中，您只需使用$_REQUEST['user_group']即可访问变量。

当<form>'.submit'函数被覆盖时(使用Ajax)将数据获取到php吗？ - javascript

我已覆盖此网页上表单的.submit函数，因为该网页已加载在“ index.php”中的#mainContent内，并且我希望“提交”按钮仅替换此#mainContent。我正在尝试将数据从此表单获取到.php文件，以便对数据库进行查询（或简单地回显已填充的变量，以指示已传递数据）。我是AJAX的新手。有人可以向我解释如何将数据传递到.php文件，或者指向要…

使用php重新加载内容 - javascript

在对网站进行编程时，我以前使用过此代码，它可以完美工作，但是现在当我想使用一些Flash部件时，每次单击链接时，它都会重新加载所有网站。源代码： <!DOCTYPE html> <html> <head> <title>Hot King Staff</title> <meta charset=…

用jQuery填充模式形式 - javascript

我正在将订单表从数据库绘制到datatables（jquery插件）中。我要在每笔最后一笔交易或每笔交易中增加付款。问题是，如何获取单击添加付款按钮以添加付款的行的订单ID。其次，当点击addpayment时，它会弹出一个带有字段或订单号的模态表单。我想用在td中找到的订单ID填充该字段，并使其不可编辑或隐藏，但在提交模态表单时将其发布到服务器。表格和模式表…

保留文本区域的数据或值，然后选择输入 - javascript

通过$ _POST提交表单时，输入文件值仍然保留。像这样： if($_POST){ $error = false; if(!$post['price']){ $error = true; $error_note['price'] = "*Should not be empty"; } if($err…

混合码错误 - javascript

好的，我在网站上为用户个人资料提供了一个基本的多合一页面，如下所示：<?php if($_GET['p']=='pb'){ echo '<p>pb</p>'; }elseif($_GET['p']=='example2'){ ec…

我可以使用“自定义选择框”来用Php处理元素的值吗？ - javascript

腾讯的同事天天给我安利让我看《三体》，说马化腾和雷军也在…