form:select的本质是select
在Spring框架中,有那么些表单标签是加上form:的,今天在使用jquery的时候,在function函数中使用
$("#selectId").append("<form:option value='xxx'></form:option> ");
出现错误,jsp页面解析不通过,后来使用
$("#selectId").append("<option value='xxx'></option> ");
却通过,分析其原因就会发现form:select的本质是h5中的select标签,而form:option 的本质是option标签
选中select被选择的选项即option
我们可以使用jQuery的伪事件选择,代码如下:
var selected = $("#selectId option:selected");
//该语句可以得到已经选中的option
//selectId是select标签的id,option:selected是选中已经被选到的选项
//记得中间有空格
selected.val();//可以得到被选中的option的value属性的值
selected.text();//可以得到被选中的option标签以及结束标签之间的文本
select的onchange事件
我们可以使用select的onchange事件做到省市联动,我们使用异步进行联动
我下篇文章会进行讲解
我们可以在select中的onchange属性赋值为一个函数
也可以使用jQuery选择后为得到的select元素加入一个change事件
$("#selectId").change(function(){});