Question

HTML：

<body>
 <input type="text" id="userINPUT" />
 <button onclick="updatev1()">Submit</button>
   <div id="video1">
    </div>
    <div id="video2">
  </div>
 </body>

html有两个div，一个输入文本框，当然还有一个提交按钮。用户应该做的是在文本框中输入youtube链接，然后提交。

JavaScript的：

    var userIN1 = document.getElementById("userINPUT");
    var userIN2 = userIN1.value;
    var index = userIN2.substring(string.indexOf('=') -1);
    alert(index);

现在我想让JavaScript做的是抓取youtube链接，并从所述链接中提取ID。

EX。用户输入链接。 'http://www.youtube.com/watch?v=-K7lEFmFcKs'，然后JavaScript将获取链接并获取'-K7lEFmFcK'并将其存储在变量中供以后使用。

'userIN2'将是存储用户输入值的变量，'index'将获取链接的'='符号后面的整个ID并存储它。

我知道这被认为是一项小任务，但任何帮助都会很棒。谢谢！

哦，我听说这些事情可以用jQuery轻松完成。我应该使用jQuery吗？

Answer 1

当然应该。就这么简单：

$('button').click(function() {
    var userIN2 = $('#userINPUT').val(); 
    var index = userIN2.split('=');
    index = index[1];
});

Answer 2

这会收集v=

之后的所有内容

http://jsfiddle.net/7aZqB/4/

function getID(str) {
    return str.substring(str.indexOf('=') -1).replace('v=', '');
}

如何从用户输入的链接中提取ID

2 个答案: