我目前有一个下拉列表...来完成空白句子。
我遇到的问题是 Uncaught TypeError: Cannot read property 'options' of null
这是我的 HTML 片段
<section class="question-three">
<h4>Question 3</h4>
<ol>
<li>A partnership is a business entity
<select id="selectionOne">
<option value="#">Please Select...</option>
<option value="sole trader">sole trader</option>
<option value="members">members</option>
<option value="shareholders">shareholders</option>
<option value="run">run</option>
<option value="limited company">limited company</option>
<option value="owned">owned</option>
</select>
by two ore more people who carry a business collectively with a view to making a profit.
</li>
JavaScript
var dropDownList = {
answers: ['sole trader', 'members', 'shareholders', 'run', 'limited company', 'owned'],
checkAnswer: function() {
var check = document.getElementById('selectionOne');
if(check.options == dropDownList.answers[5]) {
console.log('The answer is right!');
} else {
console.log('false')
}
}
};
dropDownList.checkAnswer();
有人可以帮我吗?
谢谢
最佳答案
您没有访问值
。我们也不知道您何时触发该事件。您需要在选择呈现后分配它:
var dropDownList = {
answers: ['sole trader', 'members', 'shareholders', 'run', 'limited company', 'owned'],
checkAnswer: function() {
var check = document.getElementById('selectionOne');
if(check.value == dropDownList.answers[5]) {
console.log('The answer is right!');
} else {
console.log('false')
}
}
};
window.onload=function() {
document.getElementById("checkIt").onclick=function() {
dropDownList.checkAnswer();
}
// or document.getElementById("selectionOne").onchange
}
<section class="question-three">
<h4>Question 3</h4>
<ol>
<li>A partnership is a business entity
<select id="selectionOne">
<option value="#">Please Select...</option>
<option value="sole trader">sole trader</option>
<option value="members">members</option>
<option value="shareholders">shareholders</option>
<option value="run">run</option>
<option value="limited company">limited company</option>
<option value="owned">owned</option>
</select>
by two ore more people who carry a business collectively with a view to making a profit.
</li>
<button id="checkIt">Check</button>
关于JavaScript 与选项交互,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27901567/