Javascript 查找 indexOf 选择选项

Question

这就是我设法做到的，使用文本框将字符串添加到我的选择中。我现在如何使用第二个文本框来写入我在第一个文本框的选择中创建的字符串的一部分，并找到我键入的单词的 indexOf(indexOf 需要出现在第二个文本框下方)？

注意:请使用最简单的 Javascript 答案。

    function addString(){
        var addTwoSelect = document.getElementById("select");
        var write = document.createElement("option");
        write.text = document.getElementById("txt").value;
        addTwoSelect.add(write);        
    }


<input type="text" id="txt"/>
<input type="button" value="add string" onclick="addString()"/>
<select id="select"><option value="0">Choose a string</option></select>

Answer 1

好的，所以只需第二个输入框并计算 indexOf:

function addString(){
    var addTwoSelect = document.getElementById("select");
    var write = document.createElement("option");
    write.value = write.text = document.getElementById("txt").value;
    addTwoSelect.add(write);
}
function outputIndex() {
    var addTwoSelect = document.getElementById("select"),
        secondBox = document.getElementById("string"),
        out = document.getElementById("index");
    out.innerText = addTwoSelect.value.indexOf(secondBox.value);
}

<input type="text" id="txt"/>
<input type="button" value="add string" onclick="addString()"/>
<select id="select" onchange="outputIndex()"><option value="0">Choose a string</option></select>
<input type="text" id="string" oninput="outputIndex()"/>
<output id="index"></output>