2
function otherShow() {
    var textarea = document.getElementById("hideme");
    var x = document.forms.myForm.other_trade.value;
    if (x == "other") {
        textarea.style.display = 'block';
    }else {
        textarea.style.display = 'none';
    }
}

ID=hidemeこれは、アクションがトリガーされるテキスト領域を非表示にすることになっている私の JavaScript コードです。onchange="otherShow();"

<select name="trade" required="required" class="inputbox" id="trade" onchange="otherShow();">
<option value="" selected="selected"> Select one... </option>
<option value="" disabled="disabled">  ----------------------   </option>
<option value="General Labourer">Option1</option> 
.......
</select>

上がセレクト、下がテキストエリア

<textarea cols="36" rows="6" class="inputbox" id="hideme" name="other_trade"></textarea>

選択の終わりに私は

<option value="Other"> Other </other> 

その他を選択したときにテキストエリアを表示したい。ログインは正しいと思いますが、テキスト領域を非表示にする値に変更すると機能しませんが、変更しないでください...

4

3 に答える 3

1

大文字と小文字を区別するため、javascriptの表示/非表示条件でその他その他に置き換えます

于 2012-08-20T12:10:13.673 に答える
1

これが私がそれを行う方法です

window.onload=function() {
  document.getElementById("trade").onchange=function() {
    var textarea = this.form.other_trade;
    textarea.style.display=(this.value=="Other")?"block":"none";
  }
}
于 2012-08-20T11:59:29.407 に答える
1

選択ボックスの名前tradeother_trade:

var x = document.forms.myForm.trade.value;

また :

var x = this.value;

それ以外の :

var x = document.forms.myForm.other_trade.value;
于 2012-08-20T11:55:15.217 に答える