单选按钮文本在javascript中不可见 [英] radio button text not visible in javascript

问题描述

 function Select_Options（）{
 
 
 var ddl = document.getElementById（<％=ddl_selection_Cet.ClientID％> ）; 
 var SelVal = ddl.options [ddl.selectedIndex] .value; 
 
 
 if（SelVal ==1）{
 
 document.getElementById（'<％ = rad_Between.ClientID ％> '）。style.visibility ='visible'; 
 document.getElementById（'<％ = rad_date.ClientID ％> '）。 style.visibility ='visible'; 
 
 document.getElementById（'<％ = row_amount.ClientID ％> '）。style.display =none
 
 document.getElementById（'<％ = row_Date.ClientID ％> '）。style.display =block
 
 
} 
 if（SelVal ==2）{
 
 
 document.getElementById（'<％ = rad_Between.ClientID ％> '）。style.visibility ='hidden'; 
 document.getElementById（'<％ = rad_date.ClientID ％> '）。 style.visibility ='hidden'; 
 
 document.getElementById（'<％ = row_amount.ClientID ％> '）。style.display =block
 
 document.getElementById（'<％ = row_Date.ClientID ％> '）。style.display =none
 
 
} 
 
 if（SelVal ==0 ）{
 
 
 
 document.getElementById（'<％ = rad_date.ClientID ％> '）。style.visibility ='hidden'; 
 document.getElementById（'<％ = rad_Between.ClientID ％> '）。 style.visibility ='hidden'; 
 
 document.getElementById（'<％ = row_amount.ClientID ％> '）。style.display =none
 
 document.getElementById（'<％ = row_Date.ClientID ％> '）。style.display =none
 
} 
} 
  <   / script  >  

帮帮我

解决方案

你好朋友，我没有发现任何问题您共享的代码。我尝试了同样的事情并且能够得到预期的结果：

 <   script     type   =  text / javascript >  
函数Select_Options（）{
 var ddl = document.getElementById（<％ = ddl_selection_Cet.ClientID ％ > ）; 
 var SelVal = ddl.options [ddl.selectedIndex] .value; 
开关（SelVal）
 {
 case1：alert（'Sunday'）; 
休息; 
 case2：alert（'Monday'）; 
休息; 
 case3：alert（'Tuesday'）; 
休息; 
 case4：alert（'Wednesday'）; 
休息; 
 case5：alert（'Thursday'）; 
休息; 
 case6：alert（'Friday'）; 
休息; 
 case7：alert（'Saturday'）; 
休息; 
} 
} 
 <   / script  >  

 <   asp：DropDownList     ID   =  ddl_selection_Cet    runat   =  server    onchange   =  Select_Options（） >  
 <   asp：ListItem  >   - 选择工作日 -  <   / asp：ListItem  >  
 <   asp：ListItem  >  1 <   / asp：ListItem  >  
 <   asp：ListItem  >  2 <   / asp：ListItem  >  
 <   asp：ListItem  >  3 <   / asp：ListItem  > ;  
 <   asp：ListI tem  >  4 <   / asp ：ListItem  >  
 <   asp：ListItem  >  5 <   / asp：ListItem  >  
 <   asp：ListItem  >  6 <   / asp：ListItem  >  
 <   asp：ListItem  >  7 <   / asp：ListItem  >  
 <   / asp：DropDownList  >  

我建议您使用JavaScript方法设置调试器，并验证您是否获得所选值。

function Select_Options() {


            var ddl = document.getElementById("<%=ddl_selection_Cet.ClientID%>");
            var SelVal = ddl.options[ddl.selectedIndex].value;


            if(SelVal=="1") {

                document.getElementById('<% = rad_Between.ClientID %>').style.visibility = 'visible';
                document.getElementById('<% = rad_date.ClientID %>').style.visibility = 'visible';

                document.getElementById('<% = row_amount.ClientID %>').style.display = "none"

                document.getElementById('<% = row_Date.ClientID %>').style.display = "block"


            }
            if (SelVal == "2") {


                document.getElementById('<% = rad_Between.ClientID %>').style.visibility = 'hidden';
                document.getElementById('<% = rad_date.ClientID %>').style.visibility = 'hidden';

                document.getElementById('<% = row_amount.ClientID %>').style.display = "block"

                document.getElementById('<% = row_Date.ClientID %>').style.display = "none"


            }

            if (SelVal == "0") {



                document.getElementById('<% = rad_date.ClientID %>').style.visibility = 'hidden';
                document.getElementById('<% = rad_Between.ClientID %>').style.visibility = 'hidden';

                document.getElementById('<% = row_amount.ClientID %>').style.display = "none"

                document.getElementById('<% = row_Date.ClientID %>').style.display = "none"

            }
        }
</script>

help me

解决方案

Hello friend, I didn't find any issue in the code you shared. I tried the same thing and able to get the expected result:

<script type="text/javascript">
    function Select_Options() {
        var ddl = document.getElementById("<%=ddl_selection_Cet.ClientID%>");
        var SelVal = ddl.options[ddl.selectedIndex].value;
        switch(SelVal)
        {
            case "1": alert('Sunday');
                break;
            case "2": alert('Monday');
                break;
            case "3": alert('Tuesday');
                break;
            case "4": alert('Wednesday');
                break;
            case "5": alert('Thursday');
                break;
            case "6": alert('Friday');
                break;
            case "7": alert('Saturday');
                break;
        }
    }
</script>

<asp:DropDownList ID="ddl_selection_Cet" runat="server" onchange="Select_Options()">
    <asp:ListItem>-- Select Weekday --</asp:ListItem>
    <asp:ListItem>1</asp:ListItem>
    <asp:ListItem>2</asp:ListItem>
    <asp:ListItem>3</asp:ListItem>
    <asp:ListItem>4</asp:ListItem>
    <asp:ListItem>5</asp:ListItem>
    <asp:ListItem>6</asp:ListItem>
    <asp:ListItem>7</asp:ListItem>
</asp:DropDownList>

I would suggest you to set a debugger in JavaScript method and verify if you are getting the selected value.

这篇关于单选按钮文本在javascript中不可见的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！