1

Здравствуйте, подскажите, как в JavaScript из переменной содержащую html код, получить значение value в теге <input>?

Например, есть переменная, значение которой я получил после Ajax запроса:

var a = '<div id="test_div" style="border: 1px solid black"><div      class="radio_buttons"><input type="radio" name="test" value="751" checked></div></div>';

Мне необходимо получить значение value у <input>. Если бы код был в теле документа я бы написал:

radio = document.querySelector('#test_div input[type=radio]').value;
console.log(radio );

Но так не годится, потому что этих данных в документе нет.

Поскольку они находятся в переменной, то я пишу:

radio = a.querySelector('#test_div input[type=radio]').value;

но возникает ошибка.

Как можно решить эту проблему? Спасибо!

2
  • Может просто вставить из переменной в DOM в скрытом виде и оттуда забрать? как вариант можно взять cheerio - github.com/cheeriojs/cheerio
    – user26807
    8 сен 2016 в 14:32
  • а value Только один в этом куске текста?
    – Grundy
    8 сен 2016 в 14:33

1 ответ 1

1

Если заранее известно, что в куске кода может быть только один инпут с атрибутом value то можно воспользоваться простым регулярным выражением

var a = '<div id="test_div" style="border: 1px solid black"><div      class="radio_buttons"><input type="radio" name="test" value="751" checked></div></div>';

var val = a.match(/value="(.+?)"/)[1];
console.log(val);

В противном случае можно создать элемент и присвоить ему innerHTML, и затем уже искать в нем

var a = '<div id="test_div" style="border: 1px solid black"><div      class="radio_buttons"><input type="radio" name="test" value="751" checked></div></div>';

var div = document.createElement('div');
div.innerHTML = a;

var radio = div.querySelector('#test_div input[type=radio]').value;
console.log(radio);

Либо воспользоваться DOMParser

var a = '<div id="test_div" style="border: 1px solid black"><div      class="radio_buttons"><input type="radio" name="test" value="751" checked></div></div>';

var parser = new DOMParser();

var radio = parser.parseFromString(a, 'text/html').querySelector('#test_div input[type=radio]').value;
console.log(radio);

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.