无法在kartik-v dependent-dropdown中获取选定的id

Question

我刚刚尝试使用kartik-v的dependent-dropdown jquery库。它不断地将所选选项的文本值发送到php脚本。但是，我没有使用Yii框架。我只是在使用我的普通PHP。

这是我的代码。

我希望它提交所选类别的实际id，而不是像"Home“或"Sweet”这样的东西

​

    <select id="cat-id" class="form-control">
        <option id="">Select ...</option>
        <option id="1">Home</option>
        <option id="2">Sweet</option>
        <option id="3">Gather</option>
        <!-- other options -->
    </select>

    <!-- HTML Markup (Child # 1) -->
    <select id="subcat-id" class="form-control">
        <option id="">Select ...</option>
        <!-- other options -->
    </select>

    <script>
        $(document).ready(function(){
            // Child # 1
            $("#subcat-id").depdrop({
                url: 'getSubcat.php',
                depends: ['cat-id']
            });
        })
    </script>

​

我已经尝试将此代码添加到脚本中

​

$('#cat-id').on('depdrop:change', function(event, id, value, count, textStatus, jqXHR) {
console.log(id);
console.log(value);
});

​

但这些似乎都不管用。

请帮帮我..指点或提示...

谢谢。

Answer 1

我终于修好了。问题是options标签有ids！它应该是value=“id=”，而不是随心所欲。

除了我从文档中复制的附加代码之外，代码的每一部分都很好……