listbox with 3 values

Question

Is it possible to assign value like this in a listbox?

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

I am having 3 values such as id , amount and couponnumber . I have to display the coupon number and I want to retrieve amount when selecting list box.

Answer 1

You need to append the element as option to listbox. like this:

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

Working Demo

Answer 2

you can achieve this one by using html5 custom attributes . data-amount

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

To retrieve this one by using .data()

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

Jquery Doc

Code Fiddle

Answer 3

you can use .attr for this

<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

You can add as follows

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