0

これが私がやろうとしていることです。ページが読み込まれると、オプション「Self」が選択され、その横にテキスト領域はありません。ユーザーが「その他」を選択すると、その横にテキスト領域が表示されます。どんな助けでも大歓迎です。私はこれに少し立ち往生しており、残っている髪を引き抜こうとしています.

これが私のコードです。

HTML

<select name="employee_choice" id="employee_choice" data-role="slider" data-theme="c"data-track-theme="a">
<option value="0">Self</option>
<option value="1">Other</option>
</select>

<input type="text" id="pernr" name="pernr" width="12em" />

JS

$('#employee_choice').change(function(){

var pernrField = $('#pernr');
var empSelect   = $('#employee_choice').val();

pernrField.hide();



if (empSelect == '1'){
pernrField.show();
}
if (empSelect == '0'){
pernrField.hide();
}
});
4

4 に答える 4

0

最初にステータスを初期化し、change() イベントでも次のようにします。

show_pernrfield();

$('#employee_choice').change(function(){
    show_pernrfield();
});

function show_pernrfield() {
    var pernrField = $('#pernr');
    var empSelect   = $('#employee_choice').val();

    if (empSelect === '1') {
        pernrField.show();
    }
    else {
        pernrField.hide();
    }
}

見てみましょう: http://jsfiddle.net/YhaCh/1/

console.log() を使用して変数の値を調べてみてください。そうすれば、スクリプトが実行するアクションが明らかになります。

于 2013-07-20T21:02:57.593 に答える