私は現在、これを正しく実行しています。ドロップダウンリストの選択を変更すると、別のテキストが非表示になり、一部のテキストが表示されます。
ドロップダウンの値が変更されたときに起動される JavaScript:
window.DropdownValueChange = function(event) {
var jqueryValue = $(event);
jqueryValue.closest('td').find('p').hide();
var className = '.' + event.options[event.selectedIndex].value + '-class';
jqueryValue.closest('td').find(className).show();
}
HTML オブジェクトが変更されました:
<p class="male-class">I am a male</p>
<p class="female-class">I am a female</p>
ただし、これは、HTML が最初にレンダリングされる場合には当てはまりません。UI のロード時に onchange 関数が正しく起動されないのはなぜですか?