admin管理员组

文章数量:1426782

I need your help.

I am a newbie to javascript and I am unsure as to how I would go about searching for a specified option in a select box and then selecting it

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>

ie.

lookup("select1","mangos")

javascript logic:

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

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

if found { select mangos from the select box }

}

How do you code that ?

Thanks in advance,

I need your help.

I am a newbie to javascript and I am unsure as to how I would go about searching for a specified option in a select box and then selecting it

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>

ie.

lookup("select1","mangos")

javascript logic:

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

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

if found { select mangos from the select box }

}

How do you code that ?

Thanks in advance,

  • javascript
  • html
  • dom
Share Improve this question edited Feb 9, 2015 at 7:03 Razan Paul 13.9k3 gold badges73 silver badges61 bronze badges asked Jul 27, 2013 at 20:50 John SmithJohn Smith 1,68711 gold badges38 silver badges52 bronze badges 1
  • Are you trying to get the element itself or what exactly – John Commented Jul 27, 2013 at 20:51
Add a ment  | 

3 Answers 3

Reset to default 1

This is easier than you think... try:

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

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;
}

Via Jquery:

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

本文标签： javascriptSearching and selecting an option value in a HTML select elementStack Overflow

版权声明：本文标题：javascript - Searching and selecting an option value in a HTML select element - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745484534a2660322.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。