是否可以从具有相同ID的选择元素和输入标签向数据库插入值?

时间:2019-01-24 21:32:48

标签: phpmyadmin

我想做的是使用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);";
    }
?>

0 个答案:

没有答案