javascript - を選択する方法値によるドロップダウン内で「選択された」属性を割り当てますか?

Question

ドロップダウン リスト ( <select>) の場合、ある時点で、指定された値を持つオプションを見つけて、それにselected属性を割り当てる必要があります。

例えば：

<select id="font-size">
    <option value="12">12px</option>
    <option value="13">13px</option>
    <option value="14">14px</option>
</select>

上記の例では、「selected='selected'」属性をoption値 14 にどのように追加しますか?

Answer 1

これはそれを行います：

$('#font-size').val(14);

注意: これにより、必要な要素のselected プロパティが設定されます。この属性は、ページが最初に読み込まれたときのドロップダウンの初期値を表します。<option>

Answer 2

document.getElementById("font-size").value = "14";

Answer 3

ページのロード時に初期値を設定するためにこれが必要な場合は、

   $(document).ready(function() {
    $('#font-size').val(14);
   });

または、ロード後にユーザーが選択した値が必要な場合は、これを使用します。

   $(document).ready(function() {
     $('#font-size').change(function() {
       alert($(this).val());
     });
   });