このページでは、特定のロスタの学生に関する情報を入力するフォームがあります。各生徒は、ドロップダウンボックスとコメント欄があるテーブルに表示されます。各生徒に「別のボタンを追加」ボタンがあります。その場合、ユーザーが生徒に関する2番目のメモを入力したい場合は、そのボタンを押すことができます。しかしではないので、WindowsのFirefoxやIEで、Macのブラウザで完全にテーブル内のフォームフィールドを動的に追加しても、行の高さは変更されません
var counter=1;
function multipleDemerits(studentID) {
counter++;
var anotherDemeritRow = "<select name='behavior_"+studentID+"_"+counter+"'><option value=0>Select --></option><option value=0></option><option value=0>1 demerit behaviors</option><option value=1> unprepared</option><option value=2> incomplete hw</option><option value=3> electronics/phone</option><option value=4> uniform</option><option value=5> talking/making noise</option><option value=0></option><option value=0>2 demerit behaviors</option><option value=6> tardy</option><option value=7> wasting time</option><option value=8> food/gum</option></select> Comments: <input name='comments_"+studentID+"_"+counter+"' type='text' size='30' maxlength='100'/><br /> ";
document.getElementById(studentID).innerHTML += anotherDemeritRow;
}
新しいドロップダウンとコメント欄の表示:ボタンをクリック
はこのjavascript関数を起動します。現行の表の行の高さは増加しないので、追加のフィールドは表の残りの行と重なり始める。私が全部欲しいものではありません。
Windowsのブラウザの専門家の意見はありますか?ありがとう!
更新:jQueryの追加に変更...違いはありません。しかし、関数の最初に警告文を追加すると、今は機能します。ハァッ!!?!
あなたのデモリンクは不正アクセスエラーを与えているようだ... – Corey
は感謝 – Jen