これはばかげた質問ですが、立ち往生しています。最初の 1 つは機能するのに、他の 3 は機能しないのはなぜですか。ドキュメントを読むと、4 つすべてが機能するはずです。より大きなユースケースでフォームの要素を取得したいのですが、同じページに他のフォーム内または他のdiv内に同じ名前の他の要素が存在する可能性があるため、4番目のオプションは私が本当にやりたいことです。しかし、これらすべてが機能しない理由がわかりません。
html:
<form id="filter_form_id" name="filter_form" method="get" action="/retrieved_data_records">
<select id="brand_id" name="brands">
<option value="0"></option>
<option value="143272526">Brand1</option>
<option selected="selected" value="269998788">Brand2</option>
<option value="330516076">Brand3</option>
<option value="330516077">Brand4</option>
</select>
</form>
js:
alert ("The val: " + $('#brand_id').val() );
alert ("The val: " + $('brands').val() );
alert ("The val: " + $('#filter_form_id brands').val() );
alert ("The val: " + $('#filter_form_id > brands').val() );