提交下拉框时遇到 javascript 问题？

Question

我有三个下拉列表，它们来自 php.ini 的 3 个不同的 mysql 表。这是一个员工跟踪系统。

第一个下拉列表有一堆字段，其中一个基本上说它们“不在办公室”。

我希望禁用“产品”和“项目”下拉菜单，并分别自动转到每个表的“N/A”行。

我有以下js：

<script>    
$(function() {
            $("#f_activity_id").change(function() {
                if ($(this).val() == "7") {
                    document.getElementById('f_product_id').value='16', 
                    document.getElementById('f_segment_id').value='7',
                    $("#f_segment_id").prop("disabled", true),
                     $("#f_product_id").prop("disabled", true);

                }
                else
                    $("#f_product_id").prop("disabled", false),
                    $("#f_segment_id").prop("disabled", false);
            });
        });    
</script>

看来我的脚本是正确的，因为它禁用了后两个下拉菜单并将它们设置为与 id 16 和 7 相关的“N/A”。但是在提交时这两个字段为空，我猜是因为我禁用它们？那么如何将它们变灰并仍然允许它们正确提交？

Answer 1

在更改事件代码之后添加这个

$('#yourForm').submit(function () {
        $("#f_product_id").prop("disabled", false),
        $("#f_segment_id").prop("disabled", false);
});