ajax异步更新了一个select表单,提交表单发现无法获取更新的select中的value值

当页面有多个表单时，尤其是for循环遍历在tr中的form这种格式，很可能找不到它下面的select。

先找出提交数据看是否找不到select。

阻止提交事件，弹出提交数据。

 

             $('form').submit(function (event) {  
                 event.preventDefault();  
                alert($(this).serialize());//弹出表单提交数据
                 return false;     
               // 直接在事件处理程序中返回false          
            });

用form.serialize()查看提交的数据发现

应该是

yid=&username=&password=&fclassId=4&sclassId=20&quanxian=%E5%AE%A1%E6%9F%A5%E8%80%85

结果是

yid=&username=&password=&fclassId=4&quanxian=%E5%AE%A1%E6%9F%A5%E8%80%85

少了一项sclassId也就是ajax异步插入的下拉表单。

最后给select添加了一个属性

<select form="form_id">

值	描述
form_id	规定 <select> 元素所属的 form 元素。该属性的值必须是同一文档中的某个 <form> 元素的 id 属性。

 

解决了。

这是HTML 4.01 与 HTML 5 之间的差异。