1

ページを検証するための JavaScript コードが必要です。これがhtmlです。

<select id="sel">
<option value="0" selected="selected">Please select</option>
<option value="first">Link 1</option>
<option value="second">Link 2</option>
<option value="third">Link 3</option>
<option value="last">No Link</option>
</select>

<div class="sample" style="display:none;">Sample Text</div>
<input type="button" value="submit" class="inputclass" />

いくつかの JavaScript コードが必要です。

  1. ユーザーが最初または最後のオプションをクリックすると、div が表示され、ボタンが非表示になります
  2. ユーザーがいずれかのリンクをクリックすると、div が非表示になり、ボタンが表示されます

PS :

Select のオプションは、データベースから動的に生成されます。私のページは JavaScript でのみ実行されるため、Jquery は必要ありません。

助けてください...

4

1 に答える 1

2

これが必要なコードだと思います：

JS の部分:

function getSelection(e) {   
    var selection = document.getElementsByTagName("option");
    var index=document.getElementById("sel").selectedIndex;
    var text = document.getElementById("sample");
    var button = document.getElementById("input");
    var option=document.getElementById("sel").options;

    if (option[index].value == "first" || option[index].value == "last") {
        text.style.display = "block";
        button.style.display = "none";
    } else {
        if (text.style.display != "none") {
            text.style.display = "block";
            button.style.display = "none";
        }
        else {
            text.style.display = "none";
            button.style.display = "block";
        }        
    }

    return false;    

}



document.getElementById("input").onclick = function() { getSelection() };

そしてHTML（HTML要素により効率的にアクセスできるように元のHTMLを少し変更しました）：

<select id="sel">
<option value="0" selected="selected">Please select</option>
<option value="first">Link 1</option>
<option value="second">Link 2</option>
<option value="third">Link 3</option>
<option value="last">No Link</option>
</select>

<div id="sample" style="display:none;">Sample Text</div>
<input type="button" value="submit" id="input"/>​

...そしてフィドル: http://jsfiddle.net/eaRwa/2/ </p>

于 2012-07-30T14:02:51.013 に答える