首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在动态创建的输入的jQuery中获取单选数值

如何在动态创建的输入的jQuery中获取单选数值
EN

Stack Overflow用户
提问于 2018-06-05 03:31:25
回答 1查看 36关注 0票数 0

我有一个问题,就是不能得到我用php生成的query中的函数创建的输入值。

首先,我生成一个函数,该函数根据选中的是哪一个广播来显示适当的内容。某种次要的选择。这可以很好地工作,但它似乎没有注册为DOM元素。

下面是使用无线电生成内容的函数

代码语言:javascript
复制
    $( document ).ready(function() {    
    $('#f_49').change(function(event) {                     
        var selectedID = $(this);
        var html = '<div class="col-md-12 p-4" id="id_f_49">';
        html = html + '<div class="form-check">';
        html = html+'<input class="form-check-input" type="radio" name="f_49[]" id="f_49_4" value="129"'; 
        html = html+' checked >';
        html = html+ ' <label class="form-check-label" for="f_49_4">';
        html = html+' CHOICE</label>';      
        html = html+ '</div>';  
        html = html+ '</div>';

        $('.first_choice_div_group').each(function(){
            $(this).not(selectedID).prop('checked', false);
        });

        $('#target_div').html(html);
        $('#target_div').show('slow');
        });

});

现在的问题是,当我试图获得所有表单元素的值时,我只得到了那些在php中生成的值,而上面那些由jQuery创建的值却没有。

代码语言:javascript
复制
$('#user-form').contents().find('input[id*="f_"]').change(function(event) {
    var value = $(this).val();
    alert (value);
});

当我更改#f_49_4时,这个函数(或类似的函数)必须但不会警告任何值。我尝试添加/预先添加元素,但没有成功,也许有人可以提供帮助。非常感谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-06-05 03:40:24

您需要将事件连接到dom中已有的元素。您可以使用jQuery on来监视动态添加的元素的事件。

代码语言:javascript
复制
$('#user-form').on('change', 'input[id*="f_"]', function(event){
    var value = $(this).val();
    alert (value);
});  
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50687570

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档