Передача двух значений из раскрывающегося списка формы

Question

Это должно быть так просто. В основном я хочу, чтобы люди могли выбирать из выпадающего списка, и я хочу передать значение и фактический текст как два отдельных элемента. Поэтому снизу я хочу одно значение для цены класса и одно для названия класса. Как бы то ни было, я могу получить только фактическую «ценность».

<select name="class" id="class" value=""> 

    <option selected="selected" value="none">none</option> 

    <option value="$75.00">KinderDrawing for Pre-K Thursday 10am (Mar 20 to Apr 24) </option> 

    <option value="$75.00">KinderDrawing for Pre-K FULL Saturday 9:00am (Apr 5 to May 10) </option> 

    <option value="$55.00">Toddler Art Tuesday 10am (Mar 18 to Apr 22)</option> 

    <option value="$55.00">Toddler Art Saturday 10:30am (Apr 5 to May 10)</option> 

</select> 

Answer 1

Вы можете сделать это с помощью JQuery, в способе по-изменения для select

$("#class").change(function() { 
    var selectedOption = $(this).find("option:selected"); 
    var text = selectedOption.text(); 
    var value = selectedOption.val(); 
});