Question

我无法弄清楚为什么getMoreInfoResults（）函数不会将单选按钮的值（当选择一个时）传递给GET请求。谁知道为什么？

<form name="question_form">
    <input type="radio" name="vote" value="1" onclick="getVote(this.value)" />Yes<br />
    <input type="radio" name="vote" value="2" onclick="getVote(this.value)" />No<br />
    <textarea rows="3" name="moreInfo" onkeyup="getMoreInfoResults(document.question_form.vote.value, this.value)" /></textarea><br />
    <input type="submit" value="Submit" />
    <div id="otherAnswers"></div>
</form>

这是我的javascript：

function getMoreInfoResults(vote, input) {

if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
} else { // code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
  document.getElementById("otherAnswers").innerHTML=xmlhttp.responseText;
}
}

xmlhttp.open("GET","phpPoll/phpPoll_userDefined/functions/getMoreInfoResults.php?vote=" + vote + "&moreInfo=" + input,true);
xmlhttp.send();
}

感谢。

Answer 1

document.question_form.vote表达式会为您提供NodeList个对象，而不是Node个对象。显然，它的value属性为undefined。

一种可能的解决方法是创建一个函数，该函数将检索已检查单选按钮的值：

function getCheckedValue(radioNodes) {
    for (var i = 0, l = radioNodes.length; i < l; i++) {
        if (radioNodes[i].checked) {
            return radioNodes[i].value;
        }
    }
}

...并使用它而不是直接查询值：

onkeyup="getMoreInfoResults(getCheckedValue(document.question_form.vote), this.value)"

函数不传递值作为参数

1 个答案: