Скажем, у меня есть этот код jQuery:

$.get('blog.html', function(data){ 
    $(data).find(".post img").appendTo(".post-thumbnail");
});

И у меня есть это поле ввода HTML:

<input type='text' name="domain" id="url" />

Можно ли взять значение поля ввода и заменить его '.blog.html' в коде jQuery?

0
Weebs 3 Янв 2018 в 21:27

2 ответа

Лучший ответ

Да, вы можете получить доступ к значению и сделать запрос со значением в поле ввода. Переменная url будет содержать текущее значение элемента ввода с именем domain.

var url = $("input[name=domain]").val();
$.get(url, function(data){ 
    $(data).find(".post img").appendTo(".post-thumbnail");
});
1
Kevin Woolery 3 Янв 2018 в 18:31

Да,

  • прослушайте входное событие "input"!
  • получить url с помощью $.trim(this.value) + '.html' (обрезка случайных переносимых пробелов)
function getPage() { 

  var url = $.trim(this.value) + ".html";

  $.get( url, function (data) { 
      $(data).find(".post img").appendTo(".post-thumbnail");
  });

}


$("#url").on("input", getPage);
0
Roko C. Buljan 3 Янв 2018 в 18:34