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

在使用AJAX成功函数从数据库获取数据时，如何用输入文本字段替换select下拉列表

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>');
  });
}

---

我没有名声可以评论

可以添加三个隐藏的文本字段。在得到响应后显示它们并隐藏所选内容。然后将数据追加到文本字段中

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);

---

希望它能帮助您，或者让我清楚地知道您的问题，以便我能帮助您。

我没有评论的名声

可以添加三个隐藏的文本字段。在得到响应后显示它们并隐藏所选内容。然后将数据追加到文本字段中

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);

---

希望它能帮助您或让我清楚地知道您的问题，以便我能帮助您。

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

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

---

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

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

试试这个

 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);
        }

试试这个

 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);
        }

---

这里有什么问题？$“选择[name=city]”。追加+value.page_title+；在下拉列表中显示的值我想在输入文本文件中显示您想在$之后选择其中一个值。每个？是..我想在文本字段中显示值，而不是在选择下拉列表中显示值。如果不是在html输入之前创建值，我想您需要创建这些值，这些值来自AJAX请求，并将它们附加到容器中，也许和下拉列表中使用的相同。。。我猜你也会想隐藏下拉列表。是吗？这里有什么问题？$“选择[name=city]”。追加+value.page_title+；在下拉列表中显示的值我想在输入文本文件中显示您想在$之后选择其中一个值。每个？是..我想在文本字段中显示值，而不是在选择下拉列表中显示值。如果不是在html输入之前创建值，我想您需要创建这些值，这些值来自AJAX请求，并将它们附加到容器中，也许和下拉列表中使用的相同。。。我猜你也会想隐藏下拉列表。是吗？显示空文本字段我更新了我的答案，请尝试一下。如果问题没有解决，我很高兴能帮助您让我知道。好的，我没有使用阵列@Anfath Hifans解决方案更加优化。显示空文本字段我更新了我的答案，请尝试。如果问题没有解决，我很高兴能帮助您让我知道。好的，我没有使用阵列@Anfath Hifans解决方案更加优化。您可以将变量声明为globaly。您可以将变量声明为globaly。