Question

如何使用AJAX success函数从数据库中获取数据时，用输入文本字段替换选择下拉列表？

success: function (data) {
  console.log(data);
  $('select[name="city"]').empty();
  $('select[name="Metatags"]').empty();
  $('select[name="Description"]').empty();

  $.each(data, function (key, value) {
    $('select[name="city"]').append('<option value="' + value.page_title + '">' + value.page_title + '</option>');
    $('select[name="Metatags"]').append('<option value="' + value.page_metatags + '">' + value.page_metatags + '</option>');
    $('select[name="Description"]').append('<option value="' + value.page_decription + '">' + value.page_decription + '</option>');
  });
}

Answer 1

确保在html页面中输入以下输入文字字段

<input type="text" name="city" />
<input type="text" name="Metatags" />
<input type="text" name="Description" />

然后，在成功回调函数

中添加以下jquery代码

var title = [], metatags = [], decription = [];
$.each(data, function (key, value){
    title.push(value.page_title); metatags.push(value.page_metatags); decription.push(value.page_decription);                
});
$('input[name="city"]').val(title.join(','));
$('input[name="Metatags"]').val(metatags.join(','));
$('input[name="Description"]').val(decription.join(','));

Answer 2

我没有评论的声誉。

您可以添加三个隐藏文本字段。在获得响应后显示它们并隐藏选择。然后将数据附加到文本字段中。

var page_title_text = '';
var page_metatags_text = '';
var page_decription_text = '';
$.each(data, function (key, value) {
    page_title_text = page_title_text+', '+ value.page_title;
    page_metatags_text = page_metatags_text+', '+value.page_metatags+;
    page_decription_text = page_decription_text+', '+value.page_decription;
});
$('input[name="city"]').val(page_title_text);
$('input[name="Metatags"]').val(page_metatags_text);
$('input[name="Description"]').val(page_decription_text);

希望它会帮助您或让我清楚地了解您的问题，以便我可以帮助您。

Answer 3

试试这个

 var Title;
        var MetaTags;
        var Desc;
        success: function (data) {
            console.log(data);
            $('select[name="city"]').empty();
            $('select[name="Metatags"]').empty();
            $('select[name="Description"]').empty();

            $.each(data, function (key, value) {
                $('select[name="city"]').append('<option value="' + value.page_title + '">' + value.page_title + '</option>');
                $('select[name="Metatags"]').append('<option value="' + value.page_metatags + '">' + value.page_metatags + '</option>');
                $('select[name="Description"]').append('<option value="' + value.page_decription + '">' + value.page_decription + '</option>');
                Title = value.page_title ;
                MetaTags = value.page_metatags ;
                Desc = value.page_decription ;
            });

            $("#yourTextboxId").val(Title);
            $("#yourTextboxId").val(MetaTags);
            $("#yourTextboxId").val(Desc);
        }

在AJAX请求之后将select转换为文本输入

3 个答案: