从下拉列值中设置不相关的隐藏表单值

时间:2014-12-29 05:51:32

标签: javascript html

我正在尝试将图层值设置为

GFS气象图3day std或  WRF 20 Global Meteogram 3day Std

根据下拉菜单的选择

            <div><select id="myselect" class="productViewerParameter" name="MODEL"" onchange="changeHiddenInput(this)">


        <option value="GFS">GFS</option>
        <option value="WRF 20km Global">WRF</option>

    </select>


<script>                        
function changeHiddenInput(mySelect) {

    var e = document.getElementById("myselect");
    var strUser = e.options[e.selectedIndex].text;

    if (strUser == "GFS"){
        var layersInput = document.getElementByName("Layers");
        Layers.value = "GFS Meteogram 3day Std";
} else if (strUser == "WRF") {
        var layersInput = document.getElementByName("Layers");
        Layers.value = "WRF 20 Global Meteogram 3day Std";

}
}
</script>

</div>                      

<div><input type="hidden" name="DURATION" value="3-Day"></div>

<div><input type="hidden" id="hiddenInput" name="Layers" value=""></div>

1 个答案:

答案 0 :(得分:0)

以下是 updated/working 代码:

注意:

1) name="MODEL"" 应为 name="MODEL" ,您错误地输入了两个双引号。

2)您已经 this ,因此您可以使用 this 而不是 select 元素。

3)我得到的是你设置 hiddenInput 值,因此 Layers.value 应该是 {{1 }}

layersInput.value