在HTML select元素中搜索并选择选项值

Question

我需要你的帮助。

我是javascript的新手，我不确定如何在选择框中搜索指定的选项，然后选择它

HTML：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<select id="select1">
   <option value="apples">apples</option>
   <option value="oranges">oranges</option>
   <option value="bananas">bananas</option>
   <option value="mangos">mangos</option>
   <option value="pears">pears</option>
 </select>

</body>

</html>

即。

lookup("select1","mangos")

javascript逻辑：

function lookup("selectid","stringtosearchfor") {

look through the selected "selectid" and find the string "mangos"

if found { select mangos from the select box }

}

你是如何编码的？

提前致谢，

Answer 1

function lookup(id, value)
{
    var ret = undefined;

    if(document.getElementById(id) != undefined)
    {
        var options = document.getElementById(id).childNodes;

        for(i = 0; i < options.length; i++)
        {
            if(options[i].value == value)
            {
                ret = options[i];
                break;
            }
        }
    }

    return ret;
}

Answer 2

这比你想象的容易...尝试：

document.getElementById('select1').value = 'mangos';

Answer 3

通过Jquery：

$('#select1').val('mangos');

在HTML select元素中搜索并选择选项值

问题描述

3 个解决方案

解决方案1
1 2013-07-27 20:52:55

解决方案2
1 已采纳 2013-07-27 20:55:13

解决方案3
1 2015-02-09 06:38:19

在HTML select元素中搜索并选择选项值

问题描述

3 个解决方案

解决方案1 1 2013-07-27 20:52:55

解决方案2 1 已采纳 2013-07-27 20:55:13

解决方案3 1 2015-02-09 06:38:19

解决方案1
1 2013-07-27 20:52:55

解决方案2
1 已采纳 2013-07-27 20:55:13

解决方案3
1 2015-02-09 06:38:19