spring mvc的表单值与jquery互传

spring mvc表单text值，由jquery来赋值。

代码参考

注意下面newsletterFrequency的赋值方法。

$('#frequencySelect').val('123');

mvc的表单

<form:select path="newsletterFrequency" id="frequencySelect">
<form:option value="">Select Newsletter Frequency: </form:option>
<c:forEach items="${frequencies}" var="frequency">
<form:option value="${frequency}">${frequency}</form:option>
</c:forEach>
</form:select>
<br/>

jquery的代码

<script type="text/javascript">

$(document).ready(function() {

toggleFrequencySelectBox(); // show/hide box on page load

$('#newsletterCheckbox').change(function() {
toggleFrequencySelectBox();
})

});

function toggleFrequencySelectBox() {
if(!$('#newsletterCheckbox').is(':checked')) {
$('#frequencySelect').val('');
$('#frequencySelect').prop('disabled', true);
} else {
$('#frequencySelect').prop('disabled', false);
}
}

</script>

从上面的赋值看

spring mvc 表单里的path属性和jquery中表单的id属性是同等的。

参考：

1 http://blog.csdn.net/kevingavinhu/article/details/6695252
表单语法来自

http://static.springsource.org/spring/docs/2.0.x/reference/spring-form.tld.html#spring-form.tld.input

2

Be careful on Spring form:input tags. The readonly property on an HTML input element is readonly=”readonly” but on a Spring JSTL form:input tag the proper syntax is readonly=”true”…

<form:input readonly="true">

(与js不同，此处不能去掉双引号“true")

3
http://codetutr.com/2013/04/06/spring-mvc-form-submission/