0

我的下拉表单有这个代码，效果很好

<?php echo form_label('Model: ', 'model'); ?>
<?php echo form_dropdown('model', $model_dropdown, '', set_value('model', '', 'id="model"')); ?>

<?php echo form_label('Make: ', 'make'); ?>
<?php echo form_dropdown('make', $make_dropdown, '', set_value('make', '', 'id="make"')); ?>

但是后来我想用一些jquery来增强它的动态下拉，所以我把它改成了这个

<label for="make">Make: </label>
<?php echo form_dropdown('id', $make_dropdown, '', 'id="make"'); ?><br /></td>

<?php $models['#'] = 'Please Select'; ?>
<label for="model">Model: </label>
<?php echo form_dropdown('model_id', $models, '', 'id="models"'); ?><br /></td>

用这个为 js

    $(document).ready(function(){
    $('#make').change(function(){
        $("#models > option").remove();
        var id = $('#make').val();
        $.ajax({
            type: "POST",
            url: "site/get_models/"+id,
            datatype : "json",

            success: function(models)            {
                $.each(models,function(id,model)
                {
                    var opt = $('<option />');
                    opt.val(id);
                    opt.text(model);
                    $('#models').append(opt);
                });
            }

        });

    });
});

但是现在提交的不是值而是 ID，这在查看代码时是有意义的。需要更新什么来解决这个问题？

谢谢

编辑： Make and Model 下拉列表的 ID 是插入的内容，我想要的是这个值，比如在我添加 jquery 之前它是如何工作的。

例如，make 下拉菜单将包含 HP 或 Dell，模型将包含模型，提交时，这些值将被插入，但我只是获取 ID...

4

1 回答 1

0

尝试改变：

opt.val(id);

至

opt.val(model);

更新：好的，所以这适用于一种数据结构类型。我建议定义返回值类型，您可以在其中执行以下操作：

--> 来自 ajax 请求的“successData” = {"type":"model","id":"12345","model":"acool model"}

并且您的成功句柄可以执行以下操作：

    success: function(successData){

        if(successData.type === "model"){
          //do your loop to create the models markup
        else{
           //we have "make" data, handle that here..
        }
    }
于 2012-06-19T03:01:43.040 回答