質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Underscore.js

Underscore.jsは、JavaScriptのためのユーティリティライブラリです。JavaScriptの関数・配列、オブジェクトを扱う際に度々発生する処理がメソッドとしてまとめられています。他のライブラリに依存しないため、稼働中のアプリケーションにも導入可能です。

Q&A

0回答

349閲覧

jquery データ属性の値をプルダウンの初期値にする(underscoreのtemplateに値を反映)

退会済みユーザー

退会済みユーザー

総合スコア0

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Underscore.js

Underscore.jsは、JavaScriptのためのユーティリティライブラリです。JavaScriptの関数・配列、オブジェクトを扱う際に度々発生する処理がメソッドとしてまとめられています。他のライブラリに依存しないため、稼働中のアプリケーションにも導入可能です。

0グッド

0クリップ

投稿2017/06/09 06:14

編集2017/06/12 05:08

いつもお世話になっております。

クリックした行の項目のプルダウンを選択した時にattrで
data属性に設定をさせた後に違う行から、もといた行で選んだ値をプルダウンの初期値として表示させたいです。
ちなみに、その時はdata属性にはgoogleのdebbugerで見る限り値は設定されています。
また、それを常に保持することは可能でしょうか?

下手な質問ではありますが、何卒、力をお貸しください。
よろしくお願いします。

jquery

1$(document) 2 .on('mouseover', '.cs-list0', function(){$(this).addClass('cs-fcol2');}) 3 .on('mouseout', '.cs-list0', function(){$(this).removeClass('cs-fcol2');}) 4 .on('click', '.cs-list0', function(){ 5 6 if($(this).hasClass('cs-selected') == false){ 7 8 $(".cs-list0").each(function(){$(this).removeClass('cs-selected');}); 9 10 $(this).removeClass('cs-fcol2'); 11 12 $(this).addClass('cs-selected'); 13 14 redraw(); 15 16 } 17 18}); 19 20function redraw(){ 21 $(".cs-list0").each(function(elem){ 22 elem = elem + 1; 23 24 var flg_selected = false; 25 if($(this).hasClass('cs-selected')){ 26 flg_selected = true; 27 } 28 29 if(flg_selected == true){ 30 var val1 = $('[name=m-a] option:selected').text(); 31 var val2 = $('[name=m-b] option:selected').text(); 32 33 $(this).html(temp_edit(initdata)); 34 35 // 入力規制(実数、整数) 36 $(".cs-real").inputRegexer('[\.0-9]'); 37 $(".cs-int").inputRegexer('[0-9]'); 38 $(".cs-time").inputRegexer('[\:0-9]'); 39 40 $(this).children(".list0-col1").attr('data-td', val1); 41 $(this).children(".list0-col2").attr('data-td', val2); 42 43 }else{ 44 45 $(this).html(temp_blank); 46 47 var val1 = $(this).children(".list0-col1").attr('data-td'); 48 var val2 = $(this).children(".list0-col2").attr('data-td'); 49 } 50 }); 51}

editがプルダウンが表示される編集画面
blankがeditの時にデータが選択されたときに表示するtemplateです。
まだ、不足な点がありましたら教えてください

html

1<script type="text/template" id="temp-edit"> 2 <% var i = 0;%> 3 <form> 4 <td class="list0-col1" data-td=""> 5 <select class="form-control input-sm" id="m-a" name="m-a"> 6 <option value=""></option> 7 <% for(var j=0; j < a.length; j++){ %> 8 <option value="<%- a[j] %>"><%- a[j] %></option> 9 <% } %></select> 10 </td> 11 </form> 12 <form> 13 <td class="list0-col2" data-td=""> 14 <select class="form-control input-sm" id="m-num" name="m-num"> 15 <% for(var l=0; l < b.length; l++){ %> 16 <option value="<%- b[l] %>"><%- b[l] %></option> 17 <% } %></select> 18 </td> 19 </form> 20</script> 21 22<script type="text/template" id="temp-b"> 23 <form> 24 <td class="list0-col2"> 25 <select class="form-control input-sm" id="m-b" name="m-b"> 26 <option value=""></option> 27 <% for(var l=0; l < b.length; l++){ %> 28 <option value="<%- b[l] %>"><%- b[l] %></option> 29 <% } %></select> 30 </td> 31 </form> 32</script> 33 34<script type="text/template" id="temp-blank"> 35 <td class="list0-col1" data-td=""></td> 36 <td class="list0-col2" data-td=""></td> 37</script>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yambejp

2017/06/09 06:16

具体的なサンプルを例示下さい
yambejp

2017/06/09 06:54

できればHTMLもあったほうがよいかと
退会済みユーザー

退会済みユーザー

2017/06/12 04:40

返事が遅れてしまい失礼いたしました。ただいま、貼らせていただきます。
yambejp

2017/06/12 11:10

問題を切り分けたほうがよいのでは?jQueryの挙動を質問するのであればunderscore(?)によるスクリプトの部分は静的なHTMLで提示したほうがいいと思います。逆にunderscoreの質問でしたらaやらbやらの配列?の内容を提示したほうが回答がつきやすいと思います
退会済みユーザー

退会済みユーザー

2017/06/14 04:45

そうかもしれないですね。以後気をつけたいと思います。ご指摘ありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問