表格不发布按钮名称/值

时间:2015-05-22 20:16:45

标签: php forms post

<form action="actions/add_cat.php" method="post" id="rtf" name="">
    <input type="text" name="cat_title" id="cat_title" required="required" placeholder="Category Title"/>

    <br /><br />


    <button type="button" onclick="button_click('#d31b26');" value="d31b26" name="cat_color"><div class="redSelect"></div></button>
    <button type="button" onclick="button_click('#f9c04c');" name="cat_color" value="#f9c04c"><div class="yellowSelect"></div></button>
    <button type="button" onclick="button_click('#72bce9');" name="cat_color" value="#72bce9"><div class="blueSelect"></div></button>
    <button type="button" onclick="button_click('#ec9292');" name="cat_color" value="#ec9292"><div class="pinkSelect"></div></button>
    <button type="button" onclick="button_click('#b7d04e');" name="cat_color" value="#b7d04e"><div class="greenSelect"></div></button>    


    <div class="indexBox">
        <div class="indexBoxHeader" id="box">
            <i class="fa fa-question-circle" style="font-size: 2em;"></i></div>
        <div class="indexBoxFooter">
            <div class='printchatbox' id='printchatbox'></div>
        </div>
    </div>



    <br><br> 
    <input onclick="formsubmit()" type="submit" value="Create Category" name="submit"/>


</form>

如果我使用文本输入进行测试并使用cat_color名称,它会发布该条目,但是当使用上述内容时,它似乎不会采取我选择的项目?

以下是您需要查看的帖子查询:

$sql = "INSERT INTO cat_list (cat_title, cat_color) VALUES ('".$_POST["cat_title"]."', '".$_POST["cat_color"]."')";

3 个答案:

答案 0 :(得分:2)

我无法发表评论。

尝试<radio> buttons代替normal buttons。所以php / form会理解它是和选项。

示例:

<form .. >
   ..
   <input type="radio" name="cat_color" value="#d31b26"><div class="redSelect"></div><br>
   <input type="radio" name="cat_color" value="#f9c04c"><div class="yellowSelect"></div><br>
   ..
</form>

修改

<form action="actions/add_cat.php" method="post" id="rtf" name="">
    <input type="text" name="cat_title" id="cat_title" required="required" placeholder="Category Title"/>

    <br /><br />


    <!-- Radio Buttons With customized color class -->
   <input type="radio" name="cat_color" value="#d31b26" class="redSelect"><br>
   <input type="radio" name="cat_color" value="#f9c04c" class="yellowSelect"><br>
   <input type="radio" name="cat_color" value="#72bce9" class="blueSelect"><br>
   <input type="radio" name="cat_color" value="#ec9292" class="yellowSelect"><br>
   <input type="radio" name="cat_color" value="#b7d04e" class="greenSelect"><br>


    <div class="indexBox">
        <div class="indexBoxHeader" id="box">
            <i class="fa fa-question-circle" style="font-size: 2em;"></i></div>
        <div class="indexBoxFooter">
            <div class='printchatbox' id='printchatbox'></div>
        </div>
    </div>



    <br><br> 
    <input onclick="formsubmit()" type="submit" value="Create Category" name="submit"/>


</form>

答案 1 :(得分:0)

所以在最后我只是在div中为我的颜色选择器包裹了一个隐藏的字段,如下所示:

<div class="redSelect" onclick="button_click('#d31b26');"><input  type="hidden" name="cat_color" value="#f9c04c" ></div>
<div class="yellowSelect" onclick="button_click('#f9c04c');" ><input type="hidden" name="cat_color" value="#f9c04c" ></div>
<div class="blueSelect" onclick="button_click('#72bce9');"><input type="hidden" name="cat_color" value="#72bce9" ></div>
<div class="pinkSelect" onclick="button_click('#ec9292');"><input type="hidden" name="cat_color" value="#ec9292"></div>
<div class="greenSelect" onclick="button_click('#b7d04e');"><input type="hidden" name="cat_color" value="#b7d04e" ></div>

可以处理并发布隐藏字段的值

答案 2 :(得分:-1)

与我一起发生的是,我的表单有这么多输入,以至于根本没有发送最后一个输入(按钮和其他一些输入)。在某种程度上,对您可以通过POST发送的数据量有一个“限制”。

然后,我在表单的上部放置了一个隐藏的输入,并使用了相同的按钮名称。