Hi sir,
Sir I have to create a page through which user can select action type, which is button or text.
If user select button then another option will be one or two.
Then after selection user can have to write heading of button plus button text which they want to show.
I need your help sir.
Here is my html but its not working properly which I want.
<body>
<form id="form1" runat="server">
<div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="myList">
<option value="">--Make a choice--</option>
<option value="1">Text</option>
<option value="2">Single Button</option>
<option value="3">Multiple Button</option>
</select>
<div id="outer1" style="display: none">
<div class="inner1">
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</div>
</div>
<div id="outer2" style="display: none">
<div class="inner2">
<button type="submit" class="Btn2" onclick="return false;" >
Start Time</button>
</div>
</div>
<div id="outer3" style="display: none">
<div class="inner3">
<button type="submit" class="Btn3" onclick="return false">Start time</button>
<button type="submit" class="Btn4" onclick="return false">Stop time</button>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</div>
</div>
<script type="text/javascript">
$(function () {
$("#myList").change(function () {
if ($(this).val() == "") {
$("#outer").hide();
}
else if ($(this).val() == "1") {
$("#outer1").show();
}
else if ($(this).val() == "2") {
$("#outer2").show();
}
else ($(this).val() == "3")
{
$("#outer3").show();
}
});
});
</script>
</div>
</form>
</body>
