javascript - 带有多个分隔符的下拉列表。可以让 JS 工作

Question

好的，所以我正在尝试获取一个文本区域，用户可以在其中输入文本。从下拉列表中选择分隔符。点击计数，它将计算分裂的次数。

我似乎根本无法拆分我的代码。这是我的代码。

JavaScript

window.onload = function()  { 
document.getElementById("change").onclick = function() {



var paragraph = document.getElementById('box').value;
var x = document.getElementById("changeCase");
var getInfo = document.getElementById('ParaWrite');
var LowerCase = " ";
var splitAT = " ";
alert("above the for loop"); 

if (x.checked === true)
{
LowerCase = paragraph.toLowerCase();
}
else
{
LowerCase = paragraph;
}

for (var i = 0; i <document.form1.split.options.length; i++)
{
if (document.form1.split.options[i].selected === true)
    {
    splitAT = paragraph.split(options[i]);
    }
}
document.write(splitAT);

doc write 只是为了让我可以看到它是否在代码中做得那么远，但事实并非如此。

这是我的 HTML

<form name="form1" id="form1">

<textarea type="text" id="box" value=""/></textarea>
<input type='checkbox' name='write' id='changeCase' value='Check'/><br>

<input  type='button' value="Count" id="change"/>
<select name="split" id="split">
        <option value="like">like</option>
        <option value="monkey">monkey</option>
        <option value="I">I</option>
        <option value=".">.</option>
        <option value=",">,</option>
        <option value="?">?</option>
        <option value=" ">[Space]</option>
    </select>    
</form>
<div id="ParaWrite">
</div>

Answer 1

options没有定义。

splitAT = paragraph.split(document.form1.split.options[i]);

http://jsfiddle.net/ExplosionPIlls/KeZEd/