我想做的是使用ID向我的数据库中插入值。
但是我的问题是我有一个<select>
和一个<input>
,它们具有相同的ID,并且根本不插入任何数据。
我需要将值从#subcat插入到my_table
。
当#category选择值==“ Tuition”时,我只需要使用<select id="subcat">
;当#category选择值!=“ Tuition”时,我只需要使用<input id="subcat">
我了解到ID应该是唯一的,很抱歉,我在javascript中还不够好。
这是我的代码:
<form method="post" role="form">
<label>Category</label>
<select id="category">
<option value="" hidden>Select Category</option>
<option value="Tuition">Tuition</option>
<option value="Miscellaneous">Miscellaneous</option>
<option value="Others">Others</option>
</select>
<div id="for_blank">
<input type="text" placeholder="Please select a category" readonly>
</div>
<div id="for_tuition" style="display: none;">
<select id="subcat">
<option value="" hidden>Select subcateogry</option>
<option value="Full Payment">Full Payment</option>
<option value="Downpayment">Downpayment</option>
</select>
</div>
<div id="for_else" style="display: none;">
<input type="text" id="subcat" placeholder="Enter Subcategory"
</div>
<script>
$('#category').change(function() {
if ($(this).val() == "Tuition") {
$('#for_tuition').show();
$('#for_blank').hide();
$('#for_else').hide();
} else if ($(this).val() == "Miscellaneous") {
$('#for_else).show();
$('#for_tuition').hide();
$('#for_blank').hide();
} else if ($(this).val() == "Others") {
$('#for_else).show();
$('#for_tuition').hide();
$('#for_blank').hide();
} else {
$('#for_blank').show();
$('#for_tuition').hide();
$('#for_else').hide();
}
});
</script>
<button type="submit" name="add_item">Add Record</button>
</form>
<?php
if (isset($_POST['add_item'])) {
$category = $_POST['category'];
$subcat = $_POST['subcat'];
$sql = "INSERT INTO my_tbl (category, subcat)
VALUES ($category, $subcat);";
}
?>