0

私はこれがその一部であるhtmlコードを持っています:

<select id="year_marine_second_choose" style="display: none">
                    <option value="" style="display:none;"></option>
                    <option value="103">Lectures</option>
                    <option value="104">Courses</option>
                    <option value="105">Sheets</option>
                    <option value="106">Others</option>
                  </select>
                  <select id="year_marine_third_choose" style="display: none">
                    <option value="" style="display:none;"></option>
                    <option value="107">Lectures</option>
                    <option value="108">Courses</option>
                    <option value="109">Sheets</option>
                    <option value="110">Others</option>
                  </select>
                  <select id="year_marine_fourth_choose" style="display: none">
                    <option value="" style="display:none;"></option>
                    <option value="111">Lectures</option>
                    <option value="112">Courses</option>
                    <option value="113">Sheets</option>
                    <option value="114">Others</option>
                  </select>

これは、問題があるJavaScriptコードです:

var get_value = document.getElementsByTagName("option");
alert(get_value[5].value);

このコードは、6番目のオプションの値を取得します..ユーザーではなく、ユーザーが選択したオプションの値を取得する方法のアイデア[5]

4

1 に答える 1

1

Javascript 配列は からカウントを開始する0ため[0]、最初の要素です。つまり、必要かもしれませんalert(get_value[4].value);

選択したオプションが必要な場合は、次を使用できます。

var all_select = document.getElementsByTagName("select");
for (i = 0; i < all_select.length; i++) {
    all_select[i].onchange = function () {
        alert(this.value);
    }
}

デモはこちら

于 2013-09-15T19:10:01.203 に答える