ダブルクォーテーションなんですが

Question

<select name="age"> <script type="text/javascript"> var i = 2; while (i<=20) { document.write('<option value="' + i + '">' + i + '個</option>'); i += 2; } </script> </select> これなんですが、なぜ ダブルクォーテーションが必要なんでしょうか？ これだけ理解できないです、 一番最初のシングルクォーテーションはなぜかわかりますが ダブルクォーテーションの時だけわからないんですが やさしい方教えてください

Answer 1

document.write('<option value="' + i + '">' + i + '個</option>');

この部分のことですかね

作りたいhtmlのイメージは

<option value="2">2個</option> <option value="4">4個</option> <option value="6">6個</option> ・・・

ですね

htmlでは属性値を""で括ることが推奨されていますので、value=に与える数値部分の前後に""を記述します

'<option value="' + i + '">' + i + '個</option>'

ここだけ注目して、i が 2 のときには以下の様になります

'<option value="' + 2 + '">' + 2 + '個</option>'

ここから ' と演算子の + を除外します

<option value="2">2個</option>

ということで、作りたいhtml記述が完成しました

いかがでしょうか？

Comments

[退会済みユーザー]

ありがとうございます！

Answer 2

HTML上で表示した時に

<option value="2">2個</option>

このようにvalue=の値はダブルクォーテーションで括るというルールになっているからです。
value以外にも基本的にHTMLの属性はダブルクォーテーションで括るのが決まりです。
なのでJavaScriptを使ってHTMLを生成している場合も同様にダブルクォーテーションで括ってあげる必要があります。

Comments

[退会済みユーザー]

ありがとうございます！