关于select的使用

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(){});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值