JavaScript，使用 for 循环返回选定值的选择选项

javascript, selection option using for loop that return the selected value

本文关键字：选择 选项 返回 使用 for 循环 JavaScript      更新时间：2023-09-26

我对javascript很陌生，所以请耐心等待。我正在尝试创建一个从 1-100 的年龄选择下拉列表，选项 20 显示为默认值。我还需要获取所选选择用户的返回值，以便我可以用来计算年份。这是我到目前为止正在使用的代码。 

    function createAgeList()
    {
        var myAgeOptions;
        for (cntr=1; cntr<100; cntr++)
        {
           myAgeOptions = myAgeOptions + "<option value=" + cntr + ">" + cntr + "</option>";
        }
        var myAgeSelect = document.getElementById('agelist');
        myAgeSelect.innerHTML = myAgeOptions;
    }


HTML code:
<form name="yearsleptform" id="yearsleptform" method="post">
  <select size="1" id="agelist" name="agelist">
  </select>
</form>

document.yearsleptform.agelist.value

这将返回他们选择的值。

设置默认选项：

function createAgeList()
    {
        var myAgeOptions;
        for (cntr=1; cntr<100; cntr++)
        {
           myAgeOptions = myAgeOptions + "<option value=" + cntr + " "+(cntr===20?"selected=selected":"")+ ">" + cntr + "</option>";
        }
        var myAgeSelect = document.getElementById('agelist');

现场演示

        myAgeSelect.innerHTML = myAgeOptions;
    }

要获取所选值，请执行以下操作：

document.yearsleptform.agelist.value

现场演示

相关文章：