Как преобразовать строку к нужному формату?

Question

[Diversia]

Есть поле input. В поле вставляется текст, который содержит html-код iframe:

<iframe class="mfp-iframe" src="https://vk.com/video_ext.php?oid=-80277030&amp;id=456243576&amp;hash=a19d2b97659986e7" allowfullscreen="" frameborder="0"></iframe>

Как по нажатию на кнопку, очистить поле и оставить только значение параметра src? Не силен в регулярных выражениях, помогите пожалуйста!

Answer 1

[qq1]

var button = document.querySelector('#button_id')
var input = document.querySelector('#input_id')
button.addEventListener('click', function() {
  input.value = input.value.replace(/<iframe.+src="([^"]+?)".+/, '$1')
})

Или без регулярных выражений:

button.addEventListener('click', function() {
  var el = document.createElement('div')
  el.innerHTML = input.value
  input.value = el.getElementsByTagName('iframe')[0].getAttribute('src')
})

Comments

[Diversia]

qq1, спасибо огромное! А через jquery можете подсказать?

[qq1]

Как-то так:

var button = $('#button_id')
var input = $('#input_id')
button.click(function() {
  input.val(input.val().replace(/<iframe.+src="([^"]+?)".+/, '$1'))
})

[Diversia]

qq1, подскажите пожалуйста, а если после "src=..." идет не двойная кавычка - ", а одинарная ' или вообще без нее, возможно скорректировать регуляторное выражение?
Т.е., чтобы работала в т.ч. с вариантами:

<iframe src="https://vk.com/video_ext.php?oid=-80277030&amp;id=456243576&amp;hash=a19d2b97659986e7" class="test"></iframe>
<iframe src='https://vk.com/video_ext.php?oid=-80277030&amp;id=456243576&amp;hash=a19d2b97659986e7' allowfullscreen='test'></iframe>
<iframe src=https://vk.com/video_ext.php?oid=-80277030&amp;id=456243576&amp;hash=a19d2b97659986e7 frameborder=test></iframe>

[qq1]

Diversia Это как раз второй вариант в ответе, на jquery:

var button = $('#button_id')
var input = $('#input_id')
button.click(function() {
  var src = $(input.val()).attr('src')
  input.val(src)
})