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!");
    }
}

现在我正在尝试使用var answrOne = w.name;获取部分名称=“T”，但它总是说“请再试一次！”，如何正确抓取部分名称以与提交的答案进行比较？谢谢！

Answer 1

更改

var answrOne = w.name;

到

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

<强> jsFiddle example

使用Javascript获取Html部分名称

1 个答案: