将变量赋给表单的选定选项值

时间:2014-02-15 21:51:27

标签: javascript

我有一个简单的下拉菜单,列出了1954年11月到2014年1月的各种月度日期 - 这是我的选项数组 - options.js。当用户选择一个月时,我想要检索选项值,该值是该数组的索引号。例如,如果用户选择1966年10月 - 这个“值”将是143 - 所以我想要的是将这个值存储为变量中的数字。

TIA

这是我的代码:

<script src="options.js"></script>

<script type="text/javascript" charset="utf-8">

function startdate() {
    var select = document.getElementById('StartDate');
    var i;
            for(var i = 0; i < options.length; i++) {
            var opt = options[i];
            var el = document.createElement("option");
            el.textContent = opt;
            el.value = i;
            select.appendChild(el);
            }
}
window.onload = startdate;

1 个答案:

答案 0 :(得分:0)

您的代码没问题,您只需要将事件处理程序绑定到select.onchange

var currentStartDate = 0;

...

select.onchange = function () { 
    currentStartDate = select.value;
    alert("value: " + currentStartDate); 
}

这是demo jsfiddle