0000005_java学习之路_ko+jquery获取select选中项信息

使用knockout绑定下拉列表value是rewards的id,text是rewards的name,然后自定义两个变量都是 rewards中的属性。

<select data-bind="foreach:rewards" name="rewardNote.reward.id" onchange="addNote()" id="rewardId">
    <option data-bind="attr:{note:note,standard:standard},text:name,value:id," >
    </option>
</select> 

通过jquery的方法能够得到选中项的自定义属性。

    function addNote() {
        alert($("#rewardId").find("option:selected").attr("note"));
        alert($("#rewardId").find("option:selected").attr("standard"));
    }

如果是纯html页面比如如下代码,其中note自定义属性。

<select id="rewardId" onchange="addNote()">
   <option value="1" note="你好">测试1</option>
   <option value="2" note="我好">测试2</option>
<select>

通过jquery一样能够获取,跟上面方法相同!如果不使用jquery,只使用js也能够得到自定义属性的值。如下

window.onload = function() {  
    var reward = document.getElementById("rewardId");  
    var note = reward.options[reward.selectedIndex].getAttribute("note");  
    alert(note);  
}  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值