0

私は現在、これを正しく実行しています。ドロップダウンリストの選択を変更すると、別のテキストが非表示になり、一部のテキストが表示されます。

ドロップダウンの値が変更されたときに起動される 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 関数が正しく起動されないのはなぜですか?

http://jsfiddle.net/djcanseco/duL72/49/

4

1 に答える 1

0

onchangeページの読み込み時に発砲していません。<p>これは、タグに視覚的なデータ バインドを追加することで解決できます。

 <p class="male-class" data-bind="visible: gender == 'male'">
    I am a male
 </p>
 <p class="female-class" data-bind="visible: gender == 'female'">
    I am a female
 </p>

更新されたフィドル

于 2013-03-29T11:39:52.353 に答える