Question

我正在尝试获取json返回函数附加的元素的id。

我有两个代码在运行， 1.第一个块，获取select选项的id，执行ajax并将返回的数据附加到div。

        <select id="nutrifacts" class="form-control" name="nutrifacts">
        <option>... </option>
        </select>

        $('#nutrifacts').on('change', function() {         
        var ingmainID = $(this).children(":selected").attr("id");
        var ingid = $('select[name=nutrifacts]').val();
        $.ajax({
        type: "POST",
        url: 'http://nutrisubset.php',
        data: { ingvalue : ingid },
        success: function(data){
        //alert(data);
        $('#nutri-subset').html(data);
        }

附加到div＃nutri-subset的数据是

    <select name="sub-ingredients" class="form-control" id="sub-ingredients">
    <option value="soemvalue" id="someid">sometext2</option>
    <option value="soemvalue2" id="someid2">soemvalue2</option>
    </select>

这里我试图获取所选选项的ID ，但没有运气，我在网站上搜索过并尝试过一些可接受的答案。

这是我最近尝试过的。

    $('#nutri-subset #sub-ingredients').on('change', function() {
     alert('clicked');
    var ingmainIDx = $('#sub-ingredients').children(":selected").attr("id");
        alert(ingmainIDx);
    });

但仍然没有工作，甚至没有警报！

感谢任何帮助。

Answer 1

请尝试以下代码

$('#nutri-subset').on('change','#sub-ingredients', function() {
     alert('clicked');
    var ingmainIDx = $('#sub-ingredients').children(":selected").attr("id");
        alert(ingmainIDx);
    });

动态ID应位于 .on（'change'，'＃sub-ingredients'之后。

从JSON附加数据中获取特定的div id

1 个答案: