具有3个值的列表框

Question

是否可以在列表框中分配这样的值？

$("#transfernumber").append("" + couponnumber + "");

我有3个值，例如id ， amount和couponnumber 。 选择列表框时，我必须显示优惠券编号，并且我想取回金额。

Answer 1

您需要将元素作为选项附加到列表框。 像这样：

 $('#transfernumber').append('<option value="amount">coupon_num</option>'); 

工作演示

Answer 2

您可以使用html5 custom attributes来实现这一目标。 data-amount

$("#transfernumber").append("<option value='" + couponid + "' data-amount='"+amount+"'>" + couponnumber + "</option>");

通过使用.data()来检索此

var amount = $("#transfernumber").data( "amount");

jQuery文档

代码小提琴

Answer 3

您可以为此使用.attr

<script> 
$(document).ready(function()
{ 
$( "option" ).attr('id','test');
$( "option" ).attr('amount',5757);
$( "option" ).attr('coupon','testcoupon');
}); 
</script>
<select>
<option>hiiii</option> 
</select> 

http://jsfiddle.net/C6u2n/1/

Answer 4

您可以添加如下

$('#transfernumber').append(
    $('<option/>', {
        value: '1',
        'data-amount': '100',
        html: 'couponnumber'
    })
);