0

値を選択したいフォームに取り組んでおり、ユーザーが「はい」の値を選択したときにテキスト ボックス セクションを表示したいのですが、次のコードが機能しません。

<select id="gap" name="gap" onclick="gap_textbox();">
    <option value='select'>Select</option>
    <option value='yes'>Yes</option>
    <option value='no'>No</option>
</select>

<input type="text" name="gap_box" id="gap_text_box" />

<script type="text/javascript">
    function gap_textbox() {
        alert ("am here" + "  " +document.getElementById("gap").value);
        if (document.getElementById("gap").value =='select') {
            alert ("in value = select");
            document.getElementById("gap_text_box").disable=true;
        }
        else if (document.getElementById("gap").value =='no') {
            alert ("in value = no");
            document.getElementById("gap_text_box").disable=true;
        } else {
            alert ("in value = yes");
            document.getElementById("gap_text_box").disable=false;
        }
    }
</script>
4

2 に答える 2

0

次の行で...

<select id="gap" name="gap" onclick="gap_textbox();">

onchange...の代わりに使用する必要がありますonclick

ただし、インラインクリックハンドラーの使用は古風であり、保守が難しいと考えられています。適切なJavaScriptイベント処理を使用する必要があります...

document.getElementById("gap").onchange = function() {
    gap_textbox()
};

または、さらに良いことに、jQueryなどのライブラリを使用します...

$('#gap').change(function() {
    gap_textbox();
});
于 2013-01-16T05:49:45.143 に答える
0

以下のコードを試してください。唯一の変更点は、onclick関数をに置き換えたことonchangeです。選択ボックスの場合、onChange関数を使用する必要があります。選択ボックスでは何もクリックしていません。

<select id="gap" name="gap" onchange="gap_textbox();">
<option value='select'>Select</option>
<option value='yes'>Yes</option>
<option value='no'>No</option>
</select>
<input type="text" name="gap_box" id="gap_text_box" />
<script type="text/javascript">
function gap_textbox()
{
  alert ("am here" + "  " +document.getElementById("gap").value);
  if (document.getElementById("gap").value =='select') 
  {
    alert ("in value = select");
    document.getElementById("gap_text_box").disable=true;
  }
  else if (document.getElementById("gap").value =='no') 
  {
    alert ("in value = no");
    document.getElementById("gap_text_box").disable=true;
  }
  else 
  {
    alert ("in value = yes");
    document.getElementById("gap_text_box").disable=false;
  }
}
</script>
于 2013-01-16T05:54:19.400 に答える