通过选择一个下拉列表自动完成2个文本字段

时间:2013-11-01 01:43:57

标签: yii

你好,我的名字是claudia我是这个社区的新手我的英语不是很好我提前做的决定,我正在为一篇论文做一个小项目我是yii的初学者,需要你的帮助,我见过很多教程依赖于DropDownList,但是我需要完成几个依赖的texfields 1下拉列表,我无法使其工作。

我有两个表:program和partediario 程序 ID 游戏 文章 画画 变体

partediario ID id_programa(heading-dropdownlist) 文章 画画 变种 米

我需要在你创建(_form)时,一个项目出现在下拉列表中,你可以选择一个项目和文章,图纸,变体的文本字段,自动用程序表数据自动完成,然后保存数据。 我可以附上欣赏一些基本的例子。

谢谢sooooo

1 个答案:

答案 0 :(得分:0)

MyajaxController

public function actionGetDropDownInfo(){
    $selected_drop_down_val = $_POST['ddl']; // the drop down list's changed value 
    $article = "..."; // what you have to process with corresponding to $selected_drop_down_val 
    $drawing = "..."; // what you have to process with corresponding to $selected_drop_down_val 
    $variant = "..."; // what you have to process with corresponding to $selected_drop_down_val 

    echo json_encode(array(
        'article' => $article,
        'drawing' => $drawing,
        'variant' => $variant
    ));
    Yii::app()->end();

}

在你的表单中,添加一些jQuery:

<script>
    $(function(){
         $('#drop_down_list_id').on('change', function (e) {
            //var optionSelected = $("option:selected", this);
            var selectedValue = this.value;
            $.ajax({
                type: "POST",
                url: "<?php echo Yii::app()->createUrl('Myajax/GetDropDownInfo')?>",
                data: {ddl: selectedValue}, //post a selected value of drop down list
                dataType: 'json',
                beforeSend: function () {$('.loading-icon').show();},
                complete: function () {$('.loading-icon').hide();},
                success: function (data) {
                    // bind returned data into your fields
                    $('#article-field-id').val(data['article']);
                    $('#drawing-field-id').val(data['drawing']);
                    $('#variant-field-id').val(data['variant']);
                }
            });
        });

</script>

以上是如何实现自己观点的想法之一。我认为您的问题与Yii没有太大关系,如果您按标记formjQueryajax搜索,您可以找到已提出的其他解决方案。