1

空白のドロップダウンを削除する Javascript 関数を作成することは可能ですか?

<form name="myform" method="post" enctype="multipart/form-data" action="" id="myform">
<div>
<label id="question1">1) Draw recognizable shapes</label>
        <br />
<input type="radio" value="Yes" id="question1_0" name="question1_0" />
        Yes
<input type="radio" value="No" id="question1_1" name="question1_1" />
        No
</div>
<div>
<label id="question2">2) Competently cut paper </label>
        <br />
<input type="radio" value="Yes" id="question2_0" name="question2_0" />
        Yes
<input type="radio" value="No" id="question2_1" name="question2_1" />
        No
</div>
<div>
<label id="question3">3) Hold a pencil</label>
        <br />
<input type="radio" value="Yes" id="question3_0" name="question3_0" />
        Yes
<input type="radio" value="No" id="question3_1" name="question3_1" />
        No
</div>
<input type="submit" value="Delete Drop Down" onclick="return checkanddelete"/>
</form>

たとえば、誰かが質問 2 を選択しない場合、質問 2 のラベルとドロップダウンが削除されます。

4

3 に答える 3

0

ドロップダウンに DropDown の ID があり、送信のクリック時にドロップドンを非表示にする場合:

function checkanddelete()
{
   if ( $('#question2_0.=:checked, #question2_1:checked').length )
      $('#dropdown').hide() // Or $('#dropdown').remove() if you do not plan on showing it again.
   return false; // if you plan on not submitting the form.. 
}

ページのモジュールで使用するための最適化には、適切な id とクラスを div に追加することが含まれます。完全なコードがそこにあると想定していますが、UI の調整を計画している場合は、サブミット ボタンを使用しないことをお勧めしますミックス..

于 2013-05-19T01:35:55.453 に答える
0

「ドロップダウンメニュー」の下で何を意味するのかわかりませんが、ここに役立つ情報があります。削除するすべてのオブジェクトにクラス名を設定できます。例えば

HTML

<div>
    <label class='question2' id="question2">2) Competently cut paper </label>
        <br />
    <input class='question2' type="radio" value="Yes" id="question2_0" name="question2_0" />
        Yes
    <input class='question2' type="radio" value="No" id="question2_1" name="question2_1" />
        No
</div>

JS

$(".question2").remove();

別の解決策として、このすべての要素の上に DIV タグの ID を設定できます

<div id='block_to_remove'>
    <label id="question2">2) Competently cut paper </label>
        <br />
    <input type="radio" value="Yes" id="question2_0" name="question2_0" />
        Yes
    <input type="radio" value="No" id="question2_1" name="question2_1" />
        No
</div>

そして、JSでそれを削除します

$("#block_to_remove").remove();
于 2013-05-19T00:47:31.980 に答える