[JavaScript/jQuery] セレクトボックスの選択しているテキストを取得する方法

セレクトボックスのvalueはPOSTする時は欲しいんだけれど、例えばバリデーションなんかでユーザ側に「この値を入力(選択)しましたよ」って表示したいときはtext部分の値が欲しい。

#前提

こういうセレクトボックスがあった時に、value="0"であれば杉下右京を取得したい。

<select name="user_list">
    <option value="0">杉下右京</option>
    <option value="1">亀山 薫</option>
    <option value="2">神戸 尊</option>
    <option value="3">甲斐 享</option>
</select>

#JavaScript

var options  = document.getElementsByName('user_list')[0].options;
var hoge = options[options.selectedIndex].text;

#jQuery

var hoge = ('[name="user_list"] option:selected').text();

JavaScriptもjQueryもに対して直接取得するのではなくて、そこから順に触るイメージ。

テキストじゃなくて値をとりたい場合は、.texttext().value.val()にすればOK