如何使用 jquery 检索动态生成的选项的值答案

【问题标题】：how to retrieve value of a dynamically generated option with jquery如何使用 jquery 检索动态生成的选项的值
【发布时间】：2014-10-02 06:39:46
【问题描述】：

我知道这个问题已经被问过了，但似乎我不了解很多 DOM 功能。

我要做的是检索使用 Jquery 和 CodeIgniter 动态生成的值。但是当我查看源代码时，我看不到任何生成的元素。

这是我的html页面

    <div id = "panelMarque" class="col-md-4">
        <div class=" panel panel-default">
            <div class="panel-heading text-center">
                Modèle
            </div>

            <div id = "modelesPc"class="panel-body">
                <select id = "selectPC" class="form-control" name = "modelesPC">
                    <!-- =========================FILL BY AJAX REQUEST =================================-->
                </select> 
            </div>
        </div>          
    </div>

这是我的 ajax 调用

$(document).ready(function(){
  $("#marque").change(function()
  {
    $.ajax({
        url : "<?php echo site_url(); ?>/compatibiliteJeu/ajaxModeleByMarque",
        data : {marqueId: $(this).val()},
        type : "POST",
        success : function(data){               
            $("#selectPC").html(data) ; 
            }
        })
  }) ;
});

这是我的控制器

function ajaxModeleByMarque()
{
    $marqueId = $this->input->post('marqueId') ; 
    $pcByMarque['unPc'] = $this->admin_model->getPcByMarque($marqueId) ; 
    $output = '<option selected="selected">Choisissez un modèle</option>' ; 

    foreach ($pcByMarque['unPc'] as $pc)
    {
        $output .= "<option value ='".$pc->pc_id."' >".$pc->pc_lib."</option>" ; 
    }
    echo $output ; 
}

它工作正常。但我不知道如何检索这个生成选项的新值。我已经尝试过 .change 函数，但是...正如我所说，当您查看生成的代码时，那里没有“选项”

任何想法、解决方案和解释都会很棒！

【问题讨论】：

标签： jquery ajax codeigniter select dynamic

【解决方案1】：

尝试使用 jquery 中提供的.change() 函数。这样，每当对元素进行更改时，您都可以检索文本。如果我正确理解了这个问题，您希望在动态更改时获取该字段的内容。

改变会为此工作。

【讨论】：

有点，我需要获取动态生成的
@user2067794 你不应该在其他任何地方需要它。只需注意变化并设置新值。

【解决方案2】：

$('#modelesPc').on('change', '#selectPC',function(){
     var value = $(this).val();
})

【讨论】：