0

私はJavascript言語が初めてで、次のことを扱っています:

訪問者がドロップダウン リスト内の項目をクリックすると、4 つのラジオボタンが表示される必要があります。

これは、ドロップダウン リストの HTML コードです。

<div class="xmp-form-row ">
    <Label CssClass="xmp-form-label" For="wijzigingOpvangVestiging">Vestiging waar uw kind geplaatst is</Label>
    <DropDownList Id="wijzigingOpvangVestiging" DataField="wijzigingOpvangVestiging" DataSourceId="dsLocaties" DataTextField="Vestiging" DataValueField="Vestiging" DataType="string" AppendDataBoundItems="True">
        <ListItem Value="niet geselecteerd">(Selecteer een vestiging)</ListItem>
    </DropDownList>
</div>

そして、これはラジオボタンのコードです:

<div class="xmp-form-row radioButtonCheckfirst locationRB">
    <Label CssClass="xmp-form-label" For="wijzigingReden">Reden beeindiging</Label>            
    <radiobuttonlist id="wijzigingReden" datafield="wijzigingReden" RepeatDirection="Vertical" RepeatLayout="Table" datatype="string">
        <listitem value="Uitbreiding van dagen-uren"> Uitbreiding van dagen/uren </listitem>
        <listitem value="Gedeeltelijke opzegging"> Gedeeltelijke opzegging </listitem>
        <listitem value="Wijziging van vestiging"> Wijziging van vestiging </listitem>
        <listitem value="Wijziging van dagen"> Wijziging van dagen </listitem>
    </radiobuttonlist>                                    
</div>
4

4 に答える 4

1

このようなことを試してください...

    <DropDownList onchange="document.getElementById('wijzigingReden').style.display = ''" Id="wijzigingOpvangVestiging" DataField="wijzigingOpvangVestiging" DataSourceId="dsLocaties" DataTextField="Vestiging" DataValueField="Vestiging" DataType="string" AppendDataBoundItems="True">
        <ListItem Value="niet geselecteerd">(Selecteer een vestiging)</ListItem>
    </DropDownList>

ページの読み込み時にラジオボタンが何も表示されないように設定します。

    <radiobuttonlist style="display: none" id="wijzigingReden" datafield="wijzigingReden" RepeatDirection="Vertical" RepeatLayout="Table" datatype="string">
        <listitem value="Uitbreiding van dagen-uren"> Uitbreiding van dagen/uren </listitem>
        <listitem value="Gedeeltelijke opzegging"> Gedeeltelijke opzegging </listitem>
        <listitem value="Wijziging van vestiging"> Wijziging van vestiging </listitem>
        <listitem value="Wijziging van dagen"> Wijziging van dagen </listitem>
    </radiobuttonlist>

お役に立てれば！

于 2012-10-31T12:12:11.303 に答える
0

changeイベントをドロップダウンにバインドすることをお勧めします。ドキュメント

于 2012-10-31T12:11:33.993 に答える
0 
<div id="dropDownDiv" class="xmp-form-row " onChange="showDiv()">
        <Label CssClass="xmp-form-label" For="wijzigingOpvangVestiging">Vestiging waar uw kind geplaatst is</Label>
        <DropDownList Id="wijzigingOpvangVestiging" DataField="wijzigingOpvangVestiging" DataSourceId="dsLocaties" DataTextField="Vestiging" DataValueField="Vestiging" DataType="string" AppendDataBoundItems="True">
            <ListItem Value="niet geselecteerd">(Selecteer een vestiging)</ListItem>
        </DropDownList>
    </div>

<radiobuttonlist  id="wijzigingReden" datafield="wijzigingReden" RepeatDirection="Vertical" RepeatLayout="Table" datatype="string" style="display: none">
        <listitem value="Uitbreiding van dagen-uren"> Uitbreiding van dagen/uren </listitem>
        <listitem value="Gedeeltelijke opzegging"> Gedeeltelijke opzegging </listitem>
        <listitem value="Wijziging van vestiging"> Wijziging van vestiging </listitem>
        <listitem value="Wijziging van dagen"> Wijziging van dagen </listitem>
    </radiobuttonlist> 

<script type="text/javascript">
   function showDiv(){
       if( document.getElementById('wijzigingReden').style.display == "block"){
          document.getElementById('wijzigingReden').style.display = "none";
       }
       else{
          document.getElementById('wijzigingReden').style.display = "block";
       }
</script>
于 2012-10-31T12:20:59.723 に答える
0

最初にボタン/ラベルを非表示にするdivを囲むラジオボタンにcssクラス「hidden」を追加し、次にjqueryを使用します...

$("#wijzigingOpvangVestiging").change(function() {
    $("#nameoftheradiobuttondiv").removeClass("hidden");
});

ここでフィドル... http://jsfiddle.net/Z5nNW/2/

于 2012-10-31T12:21:09.090 に答える