php:使用javascript时未插入组合框值

我遇到了一个问题，两个组合框值中的一个未能插入数据库，组合框（命名为类别和项目）正在动态变化（例如：当我在类别框上选择"水果"时，项目框将显示相应的项目，如"苹果"、"香蕉"等）。我遇到的问题是类别框值未能插入到as项目框值成功插入的位置。我正在使用jquery。

这是组合框的代码片段：

Category
<select id="cat" name="cat">
</select>
Item
<select id="item" name="item">
</select>

这是javascript：

<script>
var items = [
    {
        name:'CASEMENT WINDOWS 1.05mm',
        value:'CASEMENT WINDOWS 1.05mm',
        subitems: [
            {name: 'Section-5090', value: 'Section-5090'}, 
            {name: 'Section-5091', value: 'Section-5091'},
            {name: 'Section-5092', value: 'Section-5092'}, 
            {name: 'Section-921', value: 'Section-921'},
            {name: 'Section-6733', value: 'Section-6733'}
        ]
    }
];
$(function(){
    var temp = {};
    $.each(items, function(){
        $("<option />")
        .attr("value", this.value)
        .html(this.name)
        .appendTo("#cat");
        temp[this.value] = this.subitems;
    });
    $("#cat").change(function(){
        var value = $(this).val();
        var menu = $("#item");
        menu.empty();
        $.each(temp[value], function(){
            $("<option />")
            .attr("value", this.value)
            .html(this.name)
            .appendTo(menu);
        });
    }).change();

});
</script>

这是提交代码：

<?php
$host="localhost";
$user="root";
$pass="";
$db_name="proyek";
$tbl_name="purchase";
mysql_connect("$host", "$user", "$pass")or die("Cannot connect to SQL."); 
mysql_select_db($db_name);
$no=$_POST['no'];
$item=$_POST['item'];
$qty=$_POST['qty'];
$date=$_POST['date'];
$cat=$_POST['$cat'];
mysql_query("INSERT into purchase (item, qty, date, cat, no) VALUES ('$item', '$qty', '$date', '$cat', '$no')");
?>

非常感谢您的帮助，谢谢。