javascript - Javascript を使用して Html セクション名を取得する

Question

ドロップダウンメニューをテキストブロックの正しい値に一致させる基本的なクイズを作成しようとしています。

ドロップダウン メニューと段落の形式は次のとおりです。

<section class = "drop-menu">
    <select id="drop1">
        <option value='0'>Select True or False:</option>
        <option value='1'>T</option>
        <option value='2'>F</option>
    </select>
</section>

<section class="box1" id = "1" name = "T">
    Sed ut perspiciatis, unde omnis iste.
</section>

そして、私は次を使用して答えを一致させようとしています:

<button class="btn btn-primary" onclick=onSubmitClick();> Submit</button>

そして、この機能：

function onSubmitClick() {
    var i = document.getElementById("drop1");
    var submOne = i.options[i.selectedIndex].text;

    var w = document.getElementById("1");
    var answrOne = w.name;
    if(submOne === answrOne)
    {
        alert("Correct!");
    }
    else
    {
        alert("Please Try Again!");
    }
}

現在、セクション名 = "T" を取得しようとしてvar answrOne = w.name;いますが、常に「再試行してください!」と表示されます。セクション名を適切に取得して、送信された回答と比較するにはどうすればよいですか? ありがとう！

Answer 1

変化する

var answrOne = w.name;

に

var answrOne = w.getAttribute('name');

jsFiddle の例