プログラミング

jQuery・JS

jQueryでinputタグの追加と削除

jQueryでinputを追加・削除するには、appendとremoveメソッドを使うことでできます。 そこで、下の画像にあるような2列になっているinputによる入力欄を行ごとに追加・削除する方法として、何が良いのか考えたのですがHTML...
jQuery・JS

jQuery(JavaScript)で複数のinputの値を取得する

JavaScript(jQuery)で複数のinputの値を取得する場合、name要素に同じ名前を設定することで値を取得することができます。 例:$('') 下のinputは、テキスト入力欄のname要素に同じ名前を付けた例です。 <inp...
jQuery・JS

FileReaderでローカルファイルを読込み内容を表示する

Input type="file"でファイルを設定することができるので、その中身をJavaScript(HTML5)を使いローカル(自分のパソコン等)にあるファイルを設定して中身を読込んで表示する方法について。 下にあるコードが、ファイルを...
jQuery・JS

input Type=”file”で設定したファイルのFileオブジェクトの取得方法

下のコードで、input type="file"で設定されたファイルからFileオブジェクトを取得できます。 var file = $('#file').files; 下のプログラムは、input type="file"でローカルファイルを...
jQuery・JS

CSVファイルをJavaScriptで読み込んで処理できるjQueryプラグイン

jQueryのPapa Parseプラグインを使うとCSVデータを比較的簡単に扱うこと出来ます。 Papa Parseを使いCSVデータを処理するには、$.parseを使います。第1引数に読み込んだデータを設定、第2引数でオブジェクト形式の...