Ajax/PHP 表单获取序列化选择值
Ajax/PHP form getting serialized select value
现在表单发送正确的信息,但缺少状态。我正在使用Ajax成功函数。唯一的问题是该值不是固定的,而是取决于选择哪个状态。我该怎么做?
.JS:
$('#sendFormBtn').live('click', function(){
formdata = $('#submitForm').serialize();
$.ajax({
type: 'POST',
url: 'includes/contactForm.php',
data: formdata,
success: function(){
$('input[name=name]').val('Name');
$('input[name=email]').val('Email');
$('input[name=address]').val('Address');
$('input[name=state]').val('');
$('input[name=city]').val('City');
$('input[name=zip]').val('Zip Code');
$('textarea[name=message]').val('Leave a message');
}
});
});
.HTML:
<form id="submitForm">
<table cellpadding="1" cellspacing="1">
<tr>
<td width="223">
<input type="text" size="35" name="fullname" value="Full Name" onFocus="if(this.value == 'Full Name') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'Full Name';}" />
<br />
</td>
</tr>
<tr>
<td>
<input type="text" size="35" name="youremail" value="Your Email" onFocus="if(this.value == 'Your Email') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'Your Email';}" />
<br />
</td>
</tr>
<tr>
<td>
<input type="text" size="35" name="address" value="Address" onFocus="if(this.value == 'Address') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'Address';}" />
<br />
</td>
</tr>
<tr>
<td>
<input type="text" size="35" name="city" value="City" onFocus="if(this.value == 'City') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'City';}" />
<br />
</td>
</tr>
<tr>
<td>
<p style="float:left; color:#FFF; padding-right:5px;">State/Zip</p>
<select name="states">
<option value="alabama">AL</option>
<option value="alaska">AK</option>
<option value="arizona">AZ</option>
<option value="georgia">GA</option>
<option value="kentucky">KY</option>
<option value="louisiana">LA</option>
<option value="nebraska">NE</option>
<option value="nevada">NV</option>
<option value="new hampshire">NH</option>
<option value="new jersey">NJ</option>
<option value="new york">NY</option>
<option value="north carolina">NC</option>
<option value="washington">WA</option>
<option value="west verginia">WV</option>
</select>
<input type="text" size="8" maxlength="7" name="zip" value="Zip Code" onFocus="if(this.value == 'Zip Code') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'Zip Code';}" />
</td>
</tr>
<tr>
<td>
<textarea cols="28" rows="6" onblur="if(this.value=='') this.value='Leave a message'" onfocus="if(this.value =='Leave a message' ) this.value=''">Leave a message</textarea>
</td>
</tr>
<tr>
<td height="16">
<input type="submit" name="submit_order" id="sendFormBtn" />
</td>
</tr>
</table>
</form>
听起来您使用了错误的键来访问<select name="states">
的值。在你的PHP中,你应该看$_POST['states']
,而不是$_POST['state']
。
注意:<select name="states">
不是<input>
,所以如果你想用jQuery对它做点什么,你可以用$('select[name=states]')
而不是$('input[name=state]')
相关文章:
- Ajax发布表单序列化,发布引号'
- 序列化数据属性中对象的最可靠方法
- YUI3 IO实用程序是否可以根据给定的内容类型标头值自动序列化数据
- 为什么JSON.stringify没有序列化原型值
- 有没有一个Nodejs库可以序列化和反序列化命名组件的路径(比如URL路径名)
- 是否可以在javascript中反序列化java对象
- jQuery Ajax数组序列化错误
- 对象序列化,JAVA,Javascript
- 在jquery中以序列化的形式传递额外的paparameter
- JQUERY 验证 - 序列化选择和复选框
- 可选择序列化 jQuery UI::如何显示 html 标记中的内容而不是索引值
- 序列化表单选择器上的对象
- 选择要序列化的属性
- Ajax/PHP 表单获取序列化选择值
- 序列化似乎会覆盖多个选择框和复选框上的值
- 如何在序列化中选择案例查询
- 如何选择从开始日期到结束日期(即不包括结束日期)开始的序列化数据
- jQuery日期/时间选择器没有通过.serialize()序列化
- 如何序列化复选框,单选和多个选择元素,如果他们是空白使用Jquery SerializeArray()
- 序列化单选按钮|如果未选择单选按钮,则不提交