Question

我有一个表单input字段，当用户输入“text 2”时，我希望在select形式中选择“text 2”：

<select id="formsel">
    <option value="text 1">text 1</option>
    <option value="text 3">text 2</option>
    <option value="text 3">text 3</option>
</select>
<input type='text' id='input' />

我从input得到了这样的值：

var input_val = document.getElementById('input').value;

但我无法使用

从动态表单select中选择该选项

document.form.formsel.value = input_val;

谁能看到我做错了什么？

Answer 1

您的代码未显示您尝试使用form访问的document.form，因此我假设没有表单。尝试按其ID访问select。这似乎对我有用：

<script>
document.getElementById('input').onkeyup = function()
{
    var input_val = document.getElementById('input').value;
    document.getElementById('formsel').value = input_val;
}
</script>

Answer 2

根据您的评论，看起来您正在使用jQuery（如果是这种情况，您应该使用jQuery标记所有问题）。

这可以让你得到你想要的东西

var selectedText = $("#formsel option:selected").text()

Answer 3

看起来你可能有拼写错误。

<option value="text 3">text 2</option>

应该是：

<option value="text 2">text 2</option>

Answer 4

试试这个：

var nodes = document.getElementById('formsel'),
    txt = document.getElementById('input').value, node;

for ( var i = nodes.length; i--; ) {

    node = nodes[i];

    if ( txt === nodes[i].value ) {

        node.selected = true; break;

    }

}

javascript：表单选择选项和输入字段

4 个答案: