[英]How do I compare an element returned with jQuery to an element saved in an array?
[英]How do I compare the value of an element returned by getElementsByName to a string?
我正在使用文本輸入進行測驗。 這是我到目前為止:
<html>
<head>
<script type="text/javascript">
function check() {
var s1 = document.getElementsByName('s1');
if(s1 == 'ō') {
document.getElementById("as1").innerHTML = 'Correct';
} else {
document.getElementById("as1").innerHTML = 'Incorrect';
}
var s2 = document.getElementsByName('s2');
if(s2 == 's') {
document.getElementById("as2").innerHTML = 'Correct';
} else {
document.getElementById("as2").innerHTML = 'Incorrect';
}
//(...etc...)
var p3 = document.getElementsByName('p3');
if(p3 == 'nt') {
document.getElementById("ap3").innerHTML = 'Correct';
} else {
document.getElementById("ap3").innerHTML = 'Incorrect';
}
}
</script>
</head>
<body>
1st sing<input type="text" name="s1"> <div id="as1"><br>
2nd sing<input type="text" name="s2"> <div id="as2"><br>
<!-- ...etc... -->
3rd pl<input type="text" name="p3"> <div id="ap3"><br>
<button onclick='check()'>Check Answers</button>
</body>
</html>
每次我檢查答案時,它總是說不正確,只顯示第一個問題。 我還需要一種在檢查答案后清除文本字段的方法。 答案之一有一個宏。 提前致謝。
getElementsByName
方法返回一個 NodeList,您無法真正將其與字符串進行比較。 如果您只有一個具有此類名稱的元素,則需要使用此類代碼從該列表中獲取第一個元素:
var s1 = document.getElementsByName('s1')[0].value;
為了使其更加靈活和優雅,並避免在名稱中有拼寫錯誤時出現錯誤,首先添加這樣的函數:
function SetStatus(sName, sCorrect, sPlaceholder) {
var elements = document.getElementsByName(sName);
if (elements.length == 1) {
var placeholder = document.getElementById(sPlaceholder);
if (placeholder) {
var value = elements[0].value;
placeholder.innerHTML = (value === sCorrect) ? "Correct" : "Incorrect";
} else {
//uncomment below line to show debug info
//alert("placeholder " + sPlaceholder+ " does not exist");
}
} else {
//uncomment below line to show debug info
//alert("element named " + sName + " does not exist or exists more than once");
}
}
那么你的代碼將變成:
SetStatus('s1', 'ō', 'as1');
SetStatus('s2', 's', 'as2');
//...
document.getElementsByName('s1')
是一個數組,你應該使用document.getElementsByName('s1')[0]
來獲取某些元素(在這種情況下首先)
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.