今日、仕事はそのような効果が必要になります内のテキストボックスの一部が並ぶテーブルには、将来的に値を入力して、すべてのHTML要素テーブルを保存し、単に入力された値を含みます。
HTMLは、jQueryの()メソッドは、実装が容易である、ここで使用されています。テストは、i)は、結果のHTML(の値(またIE9、サファリ、Googleのブラウザを含む)、IE8とFirefoxことが判明したときでも同じではありません。
ここで小さな例ですが、私たちはこれを簡単に理解できると思います。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script>
function save(){
var content = $("#mytable").html();
alert(content);
}
</script>
</head>
<body>
<table width="100" border="0" cellpadding="0" cellspacing="0" id="mytable">
<tbody>
<tr>
<td><input type="text" name="textfield"></td>
</tr>
<tr>
<td><input type="button" name="Submit" value="保存" onClick="save()"></td>
</tr>
</tbody>
</table>
</body>
</html>
web前端开发学习Q-q-u-n:784783012 ,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法(详细的前端项目实战教学视频)
(Iフレーム場所をメモして)次のような結果がされた後にボタンをクリックしてください:
IE8
IE9、Firefoxの
つまり、HTMLを動的に挿入除く、FFコードの唯一の最も原始的な取得します。これは非常にもつれたですが、私はそれを望んでいません。
これがそうである理由については、おそらく、Firefoxや他のブラウザを制限しますか?私は本当に英雄は感謝して私に言うことができ、研究することが、わかりません。
今、私は仕事の要件を完了するために、できるだけ早くこの問題を解決するための方法を考えることができます
次のようにBaiduの、Google検索は、プラグインを作成するために外国人を見つけるために、実際には、非常に簡単な方法です。
(function($) {
var oldHTML = $.fn.html;
$.fn.formhtml = function() {
if (arguments.length) return oldHTML.apply(this,arguments);
$("input,textarea,button", this).each(function() {
this.setAttribute('value',this.value);
});
$(":radio,:checkbox", this).each(function() {
if (this.checked) this.setAttribute('checked', 'checked');
else this.removeAttribute('checked');
});
$("option", this).each(function() {
if (this.selected) this.setAttribute('selected', 'selected');
else this.removeAttribute('selected');
});
return oldHTML.apply(this);
};
})(jQuery);
プログラム上の誰もが、ウェブのフロントエンドに興味を持って、業界の友人の深い理解に、計画を学ぶために勉強したい場合は、私たちは、フロントエンドの学習バックルqunを追加することができます:784783012人の友人を、あなたは私が歓迎している、学生であるか、切り替えたいかどうか、ではありません誰もが共有するために定期的に乾燥し、Webフロントエンドを終えた2019年最新の学習教材と0の基本チュートリアルを共有:学習前、我々は真剣に考えています
使い方は非常に簡単で、formhtml()のhtmlを交換することです()。このように:
function save(){
var content = $("#mytable tbody").formhtml();
alert(content);
}