<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"]."')";
答案 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发送的数据量有一个“限制”。
然后,我在表单的上部放置了一个隐藏的输入,并使用了相同的按钮名称。