javascript - 如何从用户输入中拆分逗号分隔的字符串

Question

我希望能够让用户在输入框中列出内容(通过警报出现)，然后在提交后让这些选项替换字符串中的默认文本。它们也需要在每个逗号之后分开，并且列出每件事，循环应该在运行时将文本粘贴到其中，并重复列表中的其余部分。

这可能吗？

这就是我现在正在做的事情:http://jsbin.com/nivah/1它只会让你输入一件事。因为如果您输入多个带逗号的选项，它会包含逗号和链接中的所有选项，显然不会返回任何内容。

这是我的 javascript 代码。

var link0='http://www.twitter.com/';
var user=['bob', 'joe', 'tony'];
var user = prompt("I want to message:", user);

var link3=".tumblr.com";
var iframe = document.getElementById("username");
    var opt = (link0 + user + link3);
    var el = document.createElement("iframe");
for(var i = 0; i < user.length; i++) {
    el.setAttribute("src", opt); 
    iframe.appendChild(el);
}
var array = user.split(',');

有人知道我做错了什么吗？

我之前让它根据我提交的内容重复循环，但它是通过在 iframe 中使单词的每个字母都有自己的链接来实现的。这不是我想要的，但我已经接近与用户输入的文本进行循环交互。

Answer 1

您需要在代码中的正确位置使用 split()。此外，您的逻辑将无法正常工作，您需要在 for 循环中创建每个 iframe，就像这样 -

工作演示 - http://jsbin.com/ciquvatu/1/edit

var link0='http://www.tumblr.com/ask_form/';
var user = ['killthemwithyourawesome', 'barrowman-ilove', 'down-with-these-ships'];
var user = prompt("I want to message:", user);

var link3=".tumblr.com";
var array = user.split(',');

for(var i = 0; i < array.length; i++) {
    var iframe = document.getElementById("username");
    var opt = (link0 + array[i] + link3);
    var el = document.createElement("iframe");
    el.setAttribute("src", opt); 
    iframe.appendChild(el);
}

这应该可以满足您的需求。