jsWaffleでAndroidアプリを作ろう！インド式九九編⑥

サクウェブＴＶはコチラ↓↓↓

では、script2.jsにスクリプトを記述していきます。

まずは、選択フォームを設置するための処理です。

選択フォームはselect.htmlの

<div id="select_space"></div>

に挿入します。

挿入するselectタグに設置するoptionタグが１～２０までと多数あるため、JavaScriptから一気に挿入します。

まず、selectタグを挿入する変数を用意します。

var select_str = "<select>";

次にoptionタグを１～２０まで追加していきます。

select_str += "<option value='0'>表示したい段を選択してください</option>";
for(var i=1;i<=20;i++){
    select_str += "<option value='" + i + "'>" + i + "の段</option>";
}
select_str += "</select>";

これでselect_strに必要なHTMLが追加できましたので、値を

<div id="select_space"></div>

に挿入します。

$("#select_space").html(select_str);

実行してみると選択フォームが出現します。

次回は計算処理を記述してアプリを完成させます。

＞＞jsWaffleでAndroidアプリを作ろう！インド式九九編⑦＜＜