underscore.jsというテンプレートを使っております。
目的としては、まず、プルダウンの値が変わったときにchange関数が動くことです。
最終的な目的は、プルダウンで商品をどれか選んだらそれに対応している商品の番号を
となりの、<td>タグの所でプルダウンさせるというイメージです。
正しく、動いているほうでは部門を選んだら、
それに対応する担当者のリストがプルダウンで選べるようになっています。
下のコードはちゃんと動くのに
$(#sc_dept").change(function(){ var prmURL = 'wa_getUser'; var thisSelect = $('[name=sc_dept] option:selected').text(); var reqtxt = 'sc_dept=' + thisSelect; ajaxRequest(prmURL, reqtxt); });
次のコードは動きません。何故でしょうか?
id指定のタイプミスなどはありません
$(#sc_mname").change(function(){ var prmURL = 'wa_getmtlnum'; var thisSelect = $('[name=m-name] option:selected').text(); var reqtxt = 'm-name=' + thisSelect; ajaxRequest(prmURL, reqtxt); });
htmlコードはこうなっています。
動作するのが
<div class="col-md-12 col-sm-4 col-md-3"> <div class="form-group cs-orgfg"> <label for="sc_dept" class="control-label cs-labcol input-sm col-xs-2 col-sm-2 col-md-2">部門</label> <div class="input-group cs-divcol col-xs-9 col-sm-9 col-md-9"> <select class="form-control input-sm" id="sc_dept" name="sc_dept"></select> </div> </div> </div>
<script type="text/template" id="ust-pddept"> <option value=""></option> <% for(var i=0; i < Dept.length; i++){ %> <option value="<%- Dept[i] %>"><%- Dept[i] %></option> <% } %> </script>
動作しないのが
<form> <td class="list0-col1"> <select class="form-control input-sm" id="sc_mname" name="m-name"> <option value=""></option> <% for(var j=0; j < MST_品名.品名.length; j++){ %> <option value="<%- MST_品名.品名[j] %>"><%- MST_品名.品名[j] %></option> <% } %></select> </td> </form>
回答3件
あなたの回答
tips
プレビュー