0

jQueryを使用せず"Process"に、訪問者がページにアクセスしたときに、テキストのあるボタンが（すべてのブラウザーで）表示されないようにします。また、ドロップダウンから値以外の値を選択した場合、first entry (blank)またはHave a Babyボタンを表示する場合。 

<html>
<head>
<title>Life Event Picker Calendar</title>
<script>
// Function being used to hide/unhide the button
function changeMessage(oElement) {
    if (oElement.value == "100") {
        document.getElementById("btn").style.visibility = "hidden";
    } else if (oElement.value == "0") {
        document.getElementById("btn").style.visibility = "hidden";
    } else {
        document.getElementById("btn").style.visiblity = "visible";
    }
}
</script>
</head>
<body>

...
...
<!-- Based on the selection here - the button below would be made visible --> 
<select id="leave" onchange="changeMessage(this);">
  <option value="0"></option>
  <option value="5">Get Married</option>
  <option value="100">Have a Baby</option>
  <option value="90">Adopt a Child</option>
  <option value="15">Retire</option>
  <option value="15">Military Leave</option>
  <option value="15">Medical Leave</option>
</select>

 <!-- The button in question -->
 <button id="btn" onclick="getInfo()"type="button">Process</button>

...
... 

</body>
</html>
4

1 に答える 1

6

style="visibility:hidden;"ボタンに属性を追加してみてください。また、の代わりにdisplay:noneとを使用することを検討してください。display:inline-blockvisibility

于 2012-08-22T20:42:51.433 に答える