提交下拉框时出现javascript问题?

时间:2014-05-24 19:28:23

标签: javascript php jquery mysql drop-down-menu

我有3个下拉列表,这些下拉列表来自php的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>

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

1 个答案:

答案 0 :(得分:1)

更改事件代码后添加此

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