不工作:显示值从jquery-ajax模态

Not working: display value to modal from jquery-ajax?

本文关键字：jquery-ajax 模态 显示 工作      更新时间：2023-09-26

不知何故，我不能通过jquery/ajax显示一个值到模态。我是jquery/ajax的新手。

代码:

<script type="text/javascript">
    $(".Buto").on("click",function () {
        var dataID = $(this).data('id'); 
        $.ajax({
            url: 'getid.php?id=' + dataID,
            type:'GET',
            dataType: 'json',
            context: this,
            success: function(values) {   
                $('.form-group-title #title-edit').html(values.title);
                console.log(values);
            } 
        });
    }); 
</script>

html代码:

<div id="modal-table-edit" class="modal fade test" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="blue bigger">Edit website</h4>
</div>
<form class="form_validation_reg" method = "POST" action = "">              
<div class="modal-body">                        
<div class="row">
<div class="col-xs-12 col-sm-7">
    <div class="form-group-title">
        <label for="form-field-username">Title</label>
        <div>
            <input class="input-large" type="text" name = "title-edit" id="title-edit" value="" />
        </div>
    </div>

getid.php中的查询?Id =给出了一个很好的结果($values['titel']被填充)。

文本字段没有被值填充。有人有什么主意吗?

感谢大家的回复!我通过以下代码修复了它:$("输入[name = title-edit] ") .val (values.title);

试试这个:

$('.form-group-title #title-edit').val(values.title);

用.val(values.title)代替.html(values.title)val(value)方法通常用于设置表单字段的值。参见val() jQuery API参考

相关文章：