1、AJAXによってフォームからの提出時に、[保存]ボタンは、「送信」タイプであってはならない、そうでない場合は、元の質問にナビゲーションバーがあるだろう、具体的な理由は明らかではありません。これは、コード続く第二段落は右です。
<button type="submit" class="btn btn-sm btn-green" id="saverevise">保存</button>
<button type="button" class="btn btn-sm btn-green" id="saverevise">保存</button>
2、AJAXテンプレートとフォームの送信から。
idはモーダルボックスsavebutton保存]ボタンで、MyControllerがURLである場合は、myfromにidからで、mymodal idがモーダルボックスです。
$("#savebutton").on("click",function(){
$.post("MyController",$("#myform").serialize(),function(data,status){
//对数据进行处理
$('#mymodal').modal('hide');//关闭模态框
});
});
//模态框关闭的时候刷新页面
$('#mymodal').on('hide.bs.modal',function(){
//刷新页面
});
});
:上のリンクをクリックしますとの違いを参照してくださいhttps://blog.csdn.net/hesterrocks/article/details/64442442を
そこにテーブルがjQueryを使って、この行のデータを取得するには、「編集」ボタンである3、。
これは、プレーンでシンプルな、非常に興味深い例です。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title> 页面名称 </title>
</head>
<body>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<table id="tab">
<tr><td>aaaaa</td><td>1111</td><td><input type="button" value="button" ></td></tr>
<tr><td>bbbbb</td><td>2222</td><td><input type="button" value="button" ></td></tr>
<tr><td>ccccc</td><td>3333</td><td><input type="button" value="button" ></td></tr>
<tr><td>ddddd</td><td>4444</td><td><input type="button" value="button" ></td></tr>
</table>
<input type="text" id="text" />
<script type="text/javascript">
$(function(){
$("#tab").on("click", ":button", function(event){
$("#text").val($(this).closest("tr").find("td").eq(0).text());
// $("#text").val($(this).closest("tr").find("td").eq(1).text());
});
});
</script>
</body>
</html>
jqueryの添付親要素を取得するには、兄弟要素、子孫要素をリンクします。https://www.jb51.net/article/133319.htm