PHP和Javascript中的多个类

我是php、html、css的新初学者，正在开发一个项目（为我自己）。 我得到了一个带有dependent下拉框的表单，但我不允许分配多个类，因为它与我的javascript冲突。 我想使用同一个类来保持我的形式相似。 我能做什么？ 如果我选择使用多个类，那么我的javascript就不能正常工作。 我进入了名为“category”和“task_type”的下拉框，我想使用“formcontrol”类来保持我的表单的相似性

---

在javascript中，我不允许使用表单控件来控制时间

源代码：

类别：
选择类别



任务类型：
选择任务类型
$（文档）.ready（函数（）
{
$（“.form控件”）.change（函数（）
{
var category_id=$（this.val（）；
变量post_id='id='+类别id；
$.ajax
({
类型：“POST”，
url:“ajax.php”，
数据：post_id，
cache:false，
成功：功能（城市）
{
$（“.form control”）.html（城市）；
}
});
});
});

您不能使用

表单控件类进行此操作，因为您不希望两个下拉列表执行相同的操作。给他们ID以区分他们，并使用选择器中的ID

Category: <select id="category" name="category" class="form-control" required>
    <option value="0">Select Category</option>
    <?php
    include('dbconnect.php');
    $sql = mysqli_query($DBcon,"SELECT * FROM category");
    while($row=mysqli_fetch_array($sql))
    {
        echo '<option value="'.$row['category_id'].'">'.$row['category_name'].'</option>';
    } ?>
</select>
<br/><br/>
Task Type:<select id="task_type" name="task_type" class="form-control" required>
    <option>Select Task Type</option>
</select>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
</script>
<script type="text/javascript">
    $(document).ready(function()
    {
        $("#category").change(function()
        {
            var category_id=$(this).val();
            var post_id = 'id='+ category_id;

            $.ajax
            ({
                type: "POST",
                url: "ajax.php",
                data: post_id,
                cache: false,
                success: function(cities)
                {
                    $("#task_type").html(cities);
                }
            });

        });
    });
</script>

类别：
选择类别



任务类型：
选择任务类型
$（文档）.ready（函数（）
{
$（“#类别”）。更改（函数（）
{
var category_id=$（this.val（）；
变量post_id='id='+类别id；
$.ajax
({
类型：“POST”，
url:“ajax.php”，
数据：post_id，
cache:false，
成功：功能（城市）
{
$（“#任务类型”）.html（城市）；
}
});
});
});
嘿，你能把你的代码放在问题中而不是图片中吗？另外，不要只说“如果我选择使用多个类…”，给我们看看不起作用的代码。尽可能多地向我们展示我找到了名为“category”和“task_type”的下拉框，我想使用“form control”类来保持我的表单的相似性。在javascript中，我不允许使用form control多次。你是说“两次”吗？
Category: <select id="category" name="category" class="form-control" required>
    <option value="0">Select Category</option>
    <?php
    include('dbconnect.php');
    $sql = mysqli_query($DBcon,"SELECT * FROM category");
    while($row=mysqli_fetch_array($sql))
    {
        echo '<option value="'.$row['category_id'].'">'.$row['category_name'].'</option>';
    } ?>
</select>
<br/><br/>
Task Type:<select id="task_type" name="task_type" class="form-control" required>
    <option>Select Task Type</option>
</select>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
</script>
<script type="text/javascript">
    $(document).ready(function()
    {
        $("#category").change(function()
        {
            var category_id=$(this).val();
            var post_id = 'id='+ category_id;

            $.ajax
            ({
                type: "POST",
                url: "ajax.php",
                data: post_id,
                cache: false,
                success: function(cities)
                {
                    $("#task_type").html(cities);
                }
            });

        });
    });
</script>