javascript - 获取选择的选定值

Question

我有这样一个网址:index.php/home/lista_modelo_ajax?id="+$('#colecoes').val(),

问题是:$('#colecoes').val() 始终是选择的第一项，而不是我选择的。

有什么想法吗？

提前致谢。

编辑

<script>
    $(function() {
            $( "#modelos" ).autocomplete({
                source: "<?php echo base_url();?>index.php/home/lista_modelo_ajax?id="+$('#colecoes').val(),
                minLength: 2
            });
    });
    </script>


<label for="colecoes">Coleções</label>
        <select name="colecoes" id="colecoes">
            <option value="16">-</option>
            <?php foreach($lista_colecao as $colecao){?>
            <option value="<?php echo $colecao->idColecao;?>"><?php echo $colecao->nomeColecao;?></option>
            <?php }?>
        </select>
        <label for="modelos">Modelo</label>
        <input type="text" name="modelos" id="modelos" />

所有 php 都工作正常，根据选项对象的值生成 ID，问题仅在于 JS

Answer 1

这将取决于您在何处编写此代码。如果您直接在准备就绪的文档中编写它，那将是正常的，因为这段代码执行的那一刻就是选定的值。另一方面，如果您在下拉列表的 .change 事件中编写它，您将获得实际值:

$('#colecoes').change(function() {
    var id = $(this).val(); // now you will get the actual selected value
    $.ajax({
        url: 'index.php/home/lista_modelo_ajax',
        data: { id: id },
        success: function(result) {
            ...
        }
    });
});