javascript - 選択オプションに使用する .val() の代替

Question

<select id="width">
 <option value="23" selected="selected">10cm</option>
 <option value="26">100cm</option>
 <option value="43">1000cm</option>
</select>

2 つの同様の選択オプションがあります。id 値 (23,26,43) を取得するため、.val() 関数で値を取得できません。10cm または 100cm または 1000cm を取得しません。選択した値からcmを取得し、その値を使用して、高さと呼ばれる他の選択オプションの値と乗算します。何か案は？

Answer 1

:selectedセレクターを使用して、選択したoption要素を取得できます。オプション要素を取得したら、.textを使用してそこからテキストを抽出できます。

$('#width option:selected').text()

デモ:フィドル

Answer 2

var width = $("#width option:selected").text().replace(/cm$/, '').toInt();