Stackoverflow 2012-03-18

by john_s

HTML

<select name="jeans">
    <option value="$0">$0</option>
    <option value="$50_default" selected="selected">$50</option>
    <option value="$100">$100</option>
    <option value="$150">$150</option>
</select><br />
<br />
<div id="output">
</div>

JavaScript

$('select').focus(function() {
    var option = $(this).find('option[value$="_default"]');
    option.prop('value', option.prop('value').replace(/_default$/g, ''));
});

$('select').change(function() {
    $('#output').text($(this).val());
});

$('select').trigger('change');