2

オブジェクトの値として配列に格納されているテキスト文字列を送信したいと考えています。

HTML:

<body onload="insertOption()";>
<p id='governmentOption'></p>
<p id='ngoOption'></p><br>
<p id='societyOption'></p>

Javascript:

//an object with the strings I want to grab
var option1 = {
    optionGovernment: "text1",
    optionNGO: "text2",
    optionSociety: "text3"
}


//array of objects, each of which has three strings in them
var optionArray = [option1, option2, option3];


//the function that puts the object's strings into the HTML
function insertOption (){       
    document.getElementById('governmentOption').innerHTML = optionArray[0].optionGovernment;
    document.getElementById('ngoOption').innerHTML = option1.optionNGO;
    document.getElementById('societyOption').innerHTML = option1.optionSociety;
}

関数で使用するoption1.optionGovernmentと、insertOptionすべて正しく機能します。

で置き換えようとするoption1と、optionArray[0]それが機能しないだけでinnerHTMLなく、他の 2 つ (そのままにしておきますoption1) も表示されません。

この配列で何が間違っていますか?

(私はこのタスクに jQuery を使用したくありません。たとえそれを使った洗練された解決策があるとしても、私は jQuery に触れる前に Javascript を確実に扱おうとしています (まだありません!)。これは単なる個人的なプロジェクトです) .

4

0 に答える 0