HTML、Javascriptを併用して組む初めてのプログラムです。
HTMLでformを作成し、ボタンを押すことでそのform内に文字列を入力するHPを作成しています。
javascript
1<script type="text/javascript"><!-- 2function add(str) 3{ 4 document.Form.textBox.value += str; 5} 6// --></script>
HTML
1<form name="Form" id="id_form"> 2<input id="id_textBox1" type="text" name="textBox" value=""><br> 3<input type="button" img src="./add.jpg" value=""test1"" class="btn" onClick="add(this.value)" ></button> 4<input type="button" img src="./add.jpg" value=""test2"" class="btn" onClick="add(this.value)" ></button> 5<input type="button" img src="./add.jpg" value=""test3"" class="btn" onClick="add(this.value)" ></button> 6<input type="button" img src="./add.jpg" value=""test4"" class="btn" onClick="add(this.value)" ></button> 7<input type="button" img src="./add.jpg" value=""test5"" class="btn" onClick="add(this.value)" ></button>
test1~test5の値はファイル名を指しており、下記コードの'data-file'に利用される想定です。
javascript
1var file = this.getAttribute( 'data-file' ) ;
上記のフォームにて、test1,test2,test3,test4,test5,test4,test3,test2,test1の順でaddボタンを実行したと仮定します。
こちらで入力した文字列をJavaScript側で受け取り、ダブルクォーテーションで囲われたtest1~test5それぞれの値を順番通りに重複を許した状態で受け取り、別途用意した配列に受け渡すにはどのようなコードを組めばよろしいでしょうか。
また、その配列から一つずつ要素を参照し、各要素を'data-file'として利用する方法まで教えて頂けると幸いです。
ご教示よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー