配列からボタンの値を追加する

Question

EDIT：value = "questions [questionNum] ['choices'] [i]」を挿入したいと思いますが、これを行う構文はわかりません。

多値配列の値を使用してボタンの値を変更したいと考えています。ラジオボタンで動作しましたが、今回は標準のボタンを使いたいと思います。

$('#showChoices').append('<input type="button" id="buttons">' + questions[questionNum]['choices'][i] + '</input>'); 

これは動作しますが、次にはありません：

$('#showChoices').append('<input type="button" id="buttons" value='"questions[questionNum]['choices'][i]"'></input>'); 

JSBin of the first

おかげ

Answer 1

あなただけのJavaScriptでvalue小道具を設定できるようにしたいですか？最初の例のように、値の後に文字列の連結を伴う値を追加するだけです。

$('#showChoices').append('<input type="button" id="buttons" value=' + questions[questionNum]['choices'][i] + '></input>'); 

---

それともたい場合は、template stringsを試みることができる：

彼らはあなただけの書き込みをバッククォートの代わりに、単一または二重引用符との代わりに、（+ 'sの）連結のを使用

$('#showChoices').append(`<input type="button" id="buttons" value=${questions[questionNum]['choices'][i]}></input>`); 

あなたの例のような文字列のJavaScriptを直接 - しかしそれはラップする必要があります${}

Answer 2

これを試してみてください：

$('#showChoices').append('<input type="button" id="buttons" value="'+ questions[questionNum]['choices'][i] +'"/>'); 

Answer 3

文字列連結を使用して値を追加する必要があります。また、idはユニークでなければならないので、私はあなたのidに選択肢のインデックスを追加して一意にしています。

var questions = {'questionNum' : {'choices' : ['foo', 'bar'] }}; 
 
for(var i = 0; i < questions.questionNum.choices.length; ++i) { 
 
    $('#showChoices').append('<input type="button" id="buttons'+[i]+'" value="' + questions.questionNum.choices[i] +'"></input>'); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id='showChoices'></div>

Answer 4

あなたが知っているあなたは

$('#showChoices').append('<input type="button" id="buttons" name="buttons" value='+butVal+'></input>'); 

Answer 5

を必要とするもの。これは、この質問に答えるの後、私は助けることはできませんが、我々はすべてのトンネルビジョンを持っていた感じ。おそらく大したことではないかもしれませんが、jQueryを使用している場合は、最初に文字列連結ではなくattr()メソッドを使用する必要があります。だから、：

$('<input type="button" id="buttons">').attr('value', questions[questionNum]['choices'][i]).appendTo('#showChoices');

は、私はおそらく書きたいものを実際にされています。 （私は両方の特性がちょうど1行を許可するチェーンに私を許可するようにappendTo`にappendを変更

---

私も気づいた：input要素はクローズしないでください - それはあなたがドン意味する「自己閉鎖」タグです。 。そうです、reababilityのために、私は変数にすべてのそのコードを救う：

const choice = questions[questionNum]['choices'][i]; // maybe even break this down into several variables. It's quite deep 
$('<input type="button" id="buttons">').attr('value', questions[questionNum]['choices'][i]).appendTo('#showChoices');