如何用JS选中下拉框选项

javascript设置下拉框选中项通常有以下两种方法:

  • 直接设置下拉框的value属性值,即可将option选项中相应value值选项选中。

  • 循环判断option的value值,将满足条件的option的selected属性设置为true。

下面用第一种方法演示根据文本框值设置下拉框选中项:

1、HTML结构


    -- please select --
    option-1
    option-2
    option-3

2、javascript代码

function fun(){
    var val = document.getElementById("val").value;
    document.getElementById("test").value = val;
}

3、效果演示

如何用JS选中下拉框选项_第1张图片

你可能感兴趣的:(如何用JS选中下拉框选项)