javascript，使用返回所選值的for循環的選擇選項

Question

我是 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>

Answer 1

document.yearsleptform.agelist.value

這將向您返回他們選擇的值。

Answer 2

要設置默認選項：

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

現場演示