2 Different DropDownList в том же положении, что и радиокамер

Question

Возможно ли иметь 2 выпадающего списка в том же положении. Один раскрывающийся список покажет, когда выбран радиобуй.

Answer 1

Вы можете иметь 2 подхода, один с помощью JQuery играть с CSS и html elements:

HTML:

<input type="radio" id="radio" class="Here you position it"> 
<select id="ddlFirst" class="Same Position class" style="visibility: hidden;"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
</select> 
<select id="ddlSecond" class="Same Position class" style="visibility: hidden;"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
</select> 
<input type="button" id="btn"> 

Вот ваш JQuery:

<script> 
$("#btn").click(function() { 
    var radio = $("#radio").val(); 
    var ddlFirst; 
    var ddlSecond; 
    if(!radio) 
     { 
     $("#radio").css("visibility", "Hidden"); 
     $("#ddlFirst").css("visibility", "Visible"); 

     $("#ddlFirst").on("click", function() { 
      var ddlFirst = $('#ddlFirst').find(":selected").text(); 
      if(!ddlFirst) 
       { 
       //same rotation 
       } 
     }); 
     } 
}); 
</script> 

Затем вы можете отправить значения с использованием ajax

Второй подход использует asp.net tags и управляет ими в коде, вы должны исправить CSS себе tho.

в вашем page_load:

//visiblity 
rdbtn1.Visible = true; 
DropDownList1.Visible = false; 
DropDownList1.Visible = false; 

if(rdbtn1.Checked == true) 
    { 
    DropDownList1.Visible = true; 
    rdbtn1.Visible = false; 
    } 
else if(DropDownList1.SelectedValue != 0) 
    { 
    DropDownList1.Visible = false; 
    DropDownList2.Visible = true; 
    } 
else if(DropDownList2.SelectedValue != 0) 
    { 
    //Totally get all your ur controls hidden in this state 
    DropDownList2.Visible = false; 
    }