1

onClickドロップダウン リストを表示/非表示にするスクリプトを作成しました 。コードは次のとおりです。

HTML: 

 <input type="checkbox" name="user_choice" id="user_choice" onclick="checktoggle();"/>
 <label for="user_choice">Show Map</label>
 </br>
 <select name="radius_out_map" id="radius_out_map" style="display:none">
     <option value="0">-- Select Distance Radius --</option>
     <option value="10">10 Km.</option>
     <option value="20">20 Km.</option>
     <option value="50">50 Km.</option>
     <option value="100">100 Km.</option>
     <option value="300">300 Km.</option>
     <option value="500">500 Km.</option>
 </select>

JAVASCTIPT :

<script language="javascript">
    function checktoggle() {
        var textboxid = document.getElementById('radius_out_map');
     if (textboxid.style.display == 'none') {
         textboxid.style.display = 'show';
     }
     else {
         textboxid.style.display = 'none';
     }
}
</script>

このスクリプトが機能しないのはなぜですか?

4

3 に答える 3

5

それ以外の

textboxid.style.display = 'show'

これを使って：

textboxid.style.display = 'block'

show は表示の有効なオプションではありません。インラインまたはブロックを使用して要素を表示してください。

ここで有効な値のリストを確認してください

于 2012-06-07T06:32:26.243 に答える
2

「表示」は無効です。「インライン」または「ブロック」を使用する必要があります

于 2012-06-07T06:32:34.417 に答える
0

変化する

textboxid.style.display = 'show'

に

textboxid.style.display = 'block'

ショーは無効です。

于 2012-06-07T06:34:29.547 に答える