Javascript 选择下拉项时显示单选按钮
我不熟悉Javascript语言,我正在处理以下问题: 当访问者单击dropdownlist中的任何项目时,四个单选按钮 必须看到 这是下拉列表的html代码:Javascript 选择下拉项时显示单选按钮,javascript,dom-events,Javascript,Dom Events,我不熟悉Javascript语言,我正在处理以下问题: 当访问者单击dropdownlist中的任何项目时,四个单选按钮 必须看到 这是下拉列表的html代码: <div class="xmp-form-row "> <Label CssClass="xmp-form-label" For="wijzigingOpvangVestiging">Vestiging waar uw kind geplaatst is</Label> <Dro
<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>
归属waar uw类geplaatst是
(选择eer een vesting)
这是单选按钮的代码:
<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>
雷登·比因丁
Uitbreiding van dagen/uren
Gedeelteleijke opzegging
Wijziging面包车追踪
维吉金·凡·达根
我建议您将change
事件绑定到下拉列表中 试试这样的
<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>
(选择eer een vesting)
并将单选按钮设置为“页面加载时显示无”
<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>
Uitbreiding van dagen/uren
Gedeelteleijke opzegging
Wijziging面包车追踪
维吉金·凡·达根
希望这有帮助
<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>
归属waar uw类geplaatst是
(选择eer een vesting)
Uitbreiding van dagen/uren
Gedeelteleijke opzegging
Wijziging面包车追踪
维吉金·凡·达根
函数showDiv(){
if(document.getElementById('wijzigingReden').style.display==“block”){
document.getElementById('wijzigingReden').style.display=“无”;
}
否则{
document.getElementById('wijzigingReden').style.display=“block”;
}
将css类“hidden”添加到最初隐藏按钮/标签的radiobutton封装div中,然后使用jquery
$("#wijzigingOpvangVestiging").change(function() {
$("#nameoftheradiobuttondiv").removeClass("hidden");
});
在这里拉小提琴…你有什么问题?现在出现了什么问题?如果我们的答案有帮助,请将其设置为你的解决方案。谢谢!Andrew感谢你efford。问题是,我在控制台中收到了下一条消息(firebug):showDiv未定义。我的代码未使用showDiv函数。我的示例仅使用内联代码…onchange=“document.getElementById('wijzigingReden')。style.display=''这里有一个关于JSFIDLE的例子。问题的另一部分是,下拉列表只有一项,因此您不能为信息人员实际执行onchange.Thanls!但是有没有一种方法可以仅以非本机方式执行此操作。所以只有使用jQuery?