jQuery：从选择菜单的文本标签设置文本字段的值

Question

I'm trying to set the value of a text field from the text (not the value) of a <select> , and I can't get it to work.

$('.prices_for_' + <%= d.id %>).change(function() {
  $('#order_quantity').text($(this).text())
  $('.price_display').text('$' + $(this).val() + '.00')
});

The second line works, the first doesn't. Any ideas?

Answer 1

Going off the title where you said you want to set it from the text of the select menu - you could use an attribute selector to .find the option with the value that was selected, and then call .text() on it:

$('.prices_for_' + <%= d.id %>).change(function() {
    var text = $(this).find('option[value="' + $(this).val() + '"]').text();
    $('#order_quantity').text(text);
    $('.price_display').text('$' + $(this).val() + '.00')
});