列表框有3个值

Question

是否可以在列表框中指定这样的值？

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

我有3个值，例如id，amount和couponnumber。我必须显示优惠券号码，我想在选择列表框时检索金额。

Answer 1

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

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

<强> Working Demo

Answer 2

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

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

使用.data()

检索此项

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

Jquery Doc

Code Fiddle

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'
    })
);