Дысплей дзіў пры выбары канкрэтнага выбару значэння параметру,

Я спрабую адлюстраваць DIV, калі карыстальнік выбірае канкрэтнае значэнне параметру з абранага спісу.

прыклад:

Выберыце выпадальны спіс складаецца з дынамічных імёнаў здабываецца з базы дадзеных, а таксама адзін статычны або пастаяннае імя ў ніжняй частцы спісу пад назвай «Admin»

Калі карыстальнік выбірае варыянт, які не «Admin», дзіваў, якія змяшчаюць пэўны элемент формы паказаны інакш, калі карыстальнік выбірае «Admin», што дзівы застаюцца ўтоенымі

Вось мой код:

Javascript -

<script language="javascript">

function admSelectCheck(nameSelect)
{
    if(nameSelect){
        admOptionValue = document.getElementById("admOption").value;
        if(admOptionValue != 0){
            document.getElementById("admDivCheck").style.display = "";
        }
        else{
            document.getElementById("admDivCheck").style.display = "none";
        }
    }
    else{
        document.getElementById("admDivCheck").style.display = "none";
    }
}

</script>

HTML -




<div id="admDivCheck" style="display:none;">
admin selected
</div>

Быў бы рады атрымліваць дапамогу з гэтым.

5
Для ўсіх, хто размясціў адказ, а таксама зрабіў каментар з нагоды майго пытання, я кажу дзякуй! Я вельмі ўдзячны у хлопцаў. @Darren Дэвіс, я сапраўды цаню ваш адказ з'яўляецца першым, каб зрабіць спробу дапамагчы. Дзякуючы. Для іншых, дзякуй за мільён!
дададзена аўтар John, крыніца

6 адказы

Выкарыстанне this.select няслушны.

Вось правільны код:

<�Моцны> HTML




<div id="admDivCheck" style="display:none;">
admin selected
</div>

<�Моцны> JS

function admSelectCheck(nameSelect)
{
    console.log(nameSelect);
    if(nameSelect){
        admOptionValue = document.getElementById("admOption").value;
        if(admOptionValue == nameSelect.value){
            document.getElementById("admDivCheck").style.display = "block";
        }
        else{
            document.getElementById("admDivCheck").style.display = "none";
        }
    }
    else{
        document.getElementById("admDivCheck").style.display = "none";
    }
}

Глядзіце дэма на JSFiddle .

7
дададзена
Дзякуй! працаваў вялікі.
дададзена аўтар John, крыніца

Я думаю, што вам трэба, як гэта

Проста зменіце гэты радок:

<�Моцны> JS

admOptionValue = document.getElementById("getFname").value;
//alert(admOptionValue);

if(admOptionValue == 0){
     document.getElementById("admDivCheck").style.display = "";
}
else{
     document.getElementById("admDivCheck").style.display = "none";
 }

А таксама ў <�моцны> HTML

<�Код> OnChange = "admSelectCheck (гэта);"

<�моцны> см Demo

2
дададзена

спрабаваць




<div id="admDivCheck" style="display:none;">
    admin selected
</div>

і

function admSelectCheck(nameSelect)
{
    var val = nameSelect.options[nameSelect.selectedIndex].value;
    document.getElementById("admDivCheck").style.display = val == '0' ? "block" : 'none';
}

Demo: Fiddle

1
дададзена

паспрабуйце гэта:

JS:

function admSelectCheck(nameSelect)
{
    if(nameSelect){
        admOptionValue = nameSelect.value;
        if(admOptionValue != 0){
            nameSelect.style.display = "";
        }
        else{
            nameSelect.style.display = "none";
        }
    }
    else{
        nameSelect.style.display = "none";
    }
}

HTML:



<div id="admDivCheck" style="display:none;">
admin selected
</div>
1
дададзена

You can attach change event handler on body load event and hide/unhide <div> based on selection:

HTML




<div id="admDivCheck" style="display:none;">
   admin selected
</div>

Put the following code in Head tag:

<script type="text/javascript">

function onload() {
   document.getElementById("getFname").onchange = function (e) {
   if (this.value == 0) {
     document.getElementById("admDivCheck").style.display="";
   } else {
     document.getElementById("admDivCheck").style.display="none";
  }
 };

}

</script>

Call the onload function in body:

<body onload="onload()">

jsfiddle demo

1
дададзена

Змяніць this.select у гэта :

 
0
дададзена
Тады навошта наогул праводка рашэння jQuery ...
дададзена аўтар Cobra_Fast, крыніца
Выбачайце, калі я пакрыўдзіў вас Хех ...
дададзена аўтар Cobra_Fast, крыніца
@Cobra_Fast - Я сказаў, што будзе пасля чыстага раствора JS таксама.
дададзена аўтар Darren Davies, крыніца
@Cobra_Fast - не ведае, што ты працуеш на кодавай паліцыю.
дададзена аўтар Darren Davies, крыніца
Дзякуй за адказ. Хоць я хацеў бы гэта зрабіць з дапамогай JavaScript без JQuery, але ўсё-ткі я паспрабую гэта, каб убачыць вынік. дзякуй ..
дададзена аўтар John, крыніца