ajax无法在表单标签中工作

ajax didnt work inside form tag

本文关键字：标签 工作 表单 ajax      更新时间：2023-09-26

当没有标记时，我的ajax代码运行良好。。但是我需要表格标签我该怎么办？。。这是我的密码。。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
function injury_nature(){
$.ajax({
         type:"POST",
         url:"ajax_details.php",
         data:{
             allvals:$("#nature_id").val(),
             },
         success:function(msg){
             $("#div").html(msg);
             }});
}
</script>
<form method="post" action="process.php">
<table border="2">
<tr><th colspan="2">Injury Details</th></tr>
<tr><td>
<select id="nature_id" name="injury_nature" onChange="injury_nature()">
<option><--select--></option>
<option value="1">Musculoskeletal Injuries</option>
<option value="2">Soft Tissue Injuries</option>
<option value="3">Illnesses</option>
<option value="4">Other Injuries</option>
</select>
</td>
<td><div id="div"></div></td></tr>
</table>

当有一个表单标签时，我会得到这个错误：

TypeError: injury_nature is not a function
injury_nature()

请帮我谢谢你。

既然使用了jquery，为什么不直接使用change函数呢？

<script>
$(document).ready(function(){
    $("#nature_id").change(function(){
        $.ajax({
         type:"POST",
         url:"ajax_details.php",
         data:{
             allvals:$("#nature_id").val(),
             },
         success:function(msg){
             $("#div").html(msg);
             }});
    });
});
</script>

则仅移除选择标签上的CCD_ 2

<select id="nature_id" name="injury_nature" >

这是因为您有一个与函数同名的元素injury_nature。

只要将函数重命名为injury_nature_change，就可以了

<select id="nature_id" name="injury_nature" onChange="injury_nature_change()">

然后

function injury_nature_change(){
$.ajax({
         type:"POST",
         url:"ajax_details.php",
         data:{
             allvals:$("#nature_id").val(),
             },
         success:function(msg){
             $("#div").html(msg);
             }});
}
相关文章：