0

へよ、

JavaScript 関数呼び出しにいくつかの問題があります。基本的に、私はphpを使用してテーブルを作成しています。次に、ページの初期化でJavaScriptが呼び出され、正解というラベルの付いたボタンをクリックします。

これですべて正常に動作しますが、メイン ページに戻って同じことをもう一度実行しようとすると、「Uncaught TypeError: Cannot call method 'click' of null」が原因で失敗します。これは、何らかの理由でスクリプトが誤って再度呼び出され、そこにないものをクリックしようとしているために発生しているため、「null」エラーが発生します。

ページをリロードすると、JavaScript 関数が呼び出されるまでロードされないため、再び正常に動作します。

主な問題は、JavaScript が読み込まれたままになっているようです (おそらく、jquerymobile が ajax 呼び出しを使用してページを読み込むため、データが適切に更新されないためです。ページを ajax なしで強制的に読み込む以外に、何か提案はありますか?

JavaScript 関数:

function showCorrectAnswer(correctAnswer) {
    $(document).on("pageinit", function() {
        document.getElementById(correctAnswer).click()
    })
}

PHP 関数:

function populatedQuestionUI ($topicID, $questionID, $actionSought) {
global $pdo;

$query = $pdo->prepare("SELECT * FROM questions WHERE Topic = ? and QNo = ?");
$query->bindValue(1, $topicID);
$query->bindValue(2, $questionID);
$query->execute();

while ($row = $query->fetch(PDO::FETCH_ASSOC)) {
    $results[] = $row;
}

?>
<form name="questionUI" action="/MCExamSystemV2/Admin/manageQuestion.php" method="post">
    <input type="hidden" name="TopicID" value="<?php echo $_POST['topic']; ?>"/>
    <input type="hidden" name="QuestionNo" value="<?php echo $_POST['question']; ?>"/>
    <label for="QText">Question Text</label>
    <input type="text" name="QText" value="<?php echo $results[0]['QText']; ?>"/>
    <label for="AnswerText-1">First Answer</label>
    <input type="Text" name="AnswerText-1" value="<?php echo $results[0]['AText1']; ?>"/>
    <label for="AnswerText-2">Second Answer</label>
    <input type="Text" name="AnswerText-2" value="<?php echo $results[0]['AText2']; ?>"/>
    <label for="AnswerText-3">Third Answer</label>
    <input type="Text" name="AnswerText-3" value="<?php echo $results[0]['AText3']; ?>"/>
    <label for="AnswerText-4">Fourth Answer</label>
    <input type="Text" name="AnswerText-4" value="<?php echo $results[0]['AText4']; ?>"/>
    <label for="CorrectAnswer">Correct answer:</label>
    <div data-role="controlgroup" data-type="horizontal">
        <input type="button" name="Answer-1" id="Answer-1" value=1 onClick="document.getElementById('CorrectAnswer').value='1'"/>
        <input type="button" name="Answer-2" id="Answer-2" value=2 onClick="document.getElementById('CorrectAnswer').value='2'"/>
        <input type="button" name="Answer-3" id="Answer-3" value=3 onClick="document.getElementById('CorrectAnswer').value='3'"/>
        <input type="button" name="Answer-4" id="Answer-4" value=4 onClick="document.getElementById('CorrectAnswer').value='4'"/>
    </div>
    <input type="hidden" name="CorrectAnswer" id="CorrectAnswer" value='0'/>
    <input type="submit" value="Confirm <?php echo $actionSought; ?>">
    <input type="button" value="Cancel" onClick="location.href='/MCExamSystemV2/Admin'"/>
</form>

<script src="/MCExamSystemV2/includes/scripts.js"></script>>
<script>showCorrectAnswer('Answer-<?php echo $results[0]['CorrectA']; ?>')</script>
<?php
}
4

1 に答える 1

0

主な問題は、これを行っているためです。

document.getElementById(correctAnswer).click();

要素がページ上にあるかどうかを確認していません。次のように変更します。

var el = document.getElementById(correctAnswer);
if (el) {
    el.click();
}
于 2013-10-24T15:57:47.320 に答える