動的に追加された要素は画面のイベントがバインドされていないため、イベントが動作しない。 そのため、追加したタイミングで新しくイベントをバインドする必要がある var div = $("div"); div.append('<input id="input1" type="text" value="" />'); div.append('<input id="input2" type="text" value="" />'); div.append('<input id="input3" type="text" value="" />'); $("#injact_div"…

FormのInput要素からEnterキーを押下すると、デフォルトでSubmitが発生する。 止めるためには Formにdefaultbuttonとしてdummysubmitボタンを指定して何もさせないようにする。 cshtml @using (Html.BeginForm("Update", "Home", FormMethod.Post, new {defa…

選択した行が何番目のRowかを確認する。 HTML <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> Script $("ul li").click(function() { alert($("ul li").index(this)); }); HTML <tr onclick="tr_click(this)"></tr> <tr></tr> <tr></tr>Script function tr_click(row) { alert($("tr").index(row)); }

モデルの内部にある一覧を画面とモデルでバインドする方法 ViewModel public class MyViewModel { public Parent parent { get; set; }; public List<Child> childlist {get; set;} } public class Parent { public string Name { get; set; } } public class Child</child>…

JavascrptでPOST処理をするためにはFormを作成して、そのフォームをSubmitする。 $('<form/>', { action: 'Edit', method: 'post' }) .append($('<input/>', { type: 'hidden', name: 'eigyoNo', value: '12345' })) .append($('<input/>', { type: 'hidden', name: 'juchubi', valu</input/></input/></form/>…

jQuery.Uiを使う jqueryui.com 必要な処理 jquery.ui用のCssと当然ながら、jqueryとjquery.uiのjsの追加が必要だ。 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></link>

Json文字列から値を取得する //json文字列 var jsondata = '{"name":"taro","adddr":"tokyo","age":"13"}'; //JSONをパース var data = JSON.parse(jsondata); alert(data["name"]); HtmlElementから特定要素を取得 Html <table> <tbody> <tr oncllick="rowClick(this)"> <td>1</td> <td>abc </td></tr></tbody></table>

idタグより取得 Html <input id="name" value="abc" type="hidden" />Script $("#name").val(); // "abc" $("#name").attr("type"); // "hidden" $("#name").val("def"); //値を"def"にする。 $("#name").attr("value"); // "def" 特定様相の中から、対象データを取得する場合 var row = $("tr:first"); $(…

ASP.NET MVC5でAjaxを使おう ポップアップで更に非同期で検索を行い結果を親画面に戻したい なので、Ajaxを使うとします。 準備物 １．Microsoft jQuery Unobtrusive Ajax www.nuget.org Nugetパッケージマネージャーを利用してプロジェクトにインストールし…