javascript - HTML のオプション タグでの予期しない動作

Question

次のコードがあります

<select id="part">
<option>noun</option>
<option>verb</option>
<option>adjective</option>
</select>

上記のコードでは、各オプション タグに値属性がありません。テキストノードしかありません。

オプションタグにアクセスすると $("#part").val();、ドロップダウンボックスで選択されたものが取得されます。つまり、「名詞」ですが、にアクセスする$("#part").text()と、空の文字列があります。

しかし、私が作成するとき、オプションタグはjqueryで動的に

<select id="part"></select>

使用して

var names=["noun","adjective","verb"];
for (var i =0;i<names.length;i++) {
    var option=$("<option>",{
            value:names[i],
            text:names[i]});
    $("#part").append(option);
}

ここで、選択されたオプションを取得するには、属性の値が必要です。value 属性がない場合、$("#part") は未定義です。

誰かがここで不一致を説明できますか? 私の理解が正しくない場合。ありがとう