フォームに2つの選択要素があります。最初の選択要素は静的で、2 番目の選択オプションは最初の選択要素に従って変化します。このために、jquery ajax を使用しました。私はすべてのものを手に入れています。フォームを送信すると問題が発生します。2 番目の select 要素の値を取得できません。私のコードは IE で動作しています。しかし、Chrome と Mozilla にはありません。私のhtmlファイルは
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>DATA ENTRY</title>
<script type="text/javascript" src="js/jquery-min.js"></script>
</head>
<body>
<table class="data_table">
<form name="form2" id="form2" method="post" action="submit_ops.php" />
<tr>
<td>
<select name="databaseTable" class="databaseTable">
<option value="">Select Table</option>
<option value="value1">value1</option>
<option value="value2">value2</option>
<option value="value3">value3</option>
</select>
</td>
<td>
<select id="TableColumn">
</select>
</td>
</tr>
<tr>
<td colspan="3"><input type="submit" value="Continue" name="usubmit"/></td>
</tr>
</form>
</table>
</body>
<script type="text/javascript">
$(document).ready(function(){
$("[name^=databaseTable]").on("change", function(){
var val=$(this).val();
$.ajax({
type: "POST",
url: "ajax.php",
data: {"val" : val},
success: function(result){
$("#TableColumn" ).html(result);
}
});
});
});
</script>
</html>
フォームを送信すると、TableColumn (2 番目の選択要素) の値が使用できません。