javascript - jQuery Replace label with ASP.NET dropdownlist -


i building editable form using data database requires use of asp.net control. got working in html, when added .net part, got stuck.

here's situation: have label displayed on page edit button below it. what's supposed happen once edit button pressed, label becomes .net dropdown list data database. once user clicks save, dropdown list go label displaying selected value.

my problem when click edit button, dropdown list never appears.

here's code:

.ascx

<li>     campus     <br />     <span class="datainfodropdown">         <strong>             <asp:literal id="campusattended" runat="server" clientidmode="static"/>         </strong>         <asp:dropdownlist id="profilecampusdropdown" runat="server" clientidmode="static" style="display:none;" ></asp:dropdownlist>     </span>     <a href="#" class="editlinkdropdown">edit info</a>     <a class="savebtndropdown">save</a> </li> 

javascript

$(".editlinkdropdown").on("click", function (e) {     e.preventdefault();     var datasets = $(this).prevall(".datainfodropdown");     var savebtn = $(this).next(".savebtndropdown");     datasets.each(function () {         var theid = $(this).attr("id");         var currval = $(this).text();         var dropdown = $('#profilecampusdropdown').html();         $('.datainfodropdown').html(dropdown);     });      $(this).css("display", "none");     savebtn.css("display", "block"); });  $(".savebtndropdown").on("click", function (e) {     e.preventdefault();     var elink = $(this).prev(".editlinkdropdown");     var datasets = $(this).prevall(".datainfodropdown");     datasets.each(function () {         var newid = $(this).attr("id");         var einput = $("#" + newid + "-form");         var newval = $('#profilecampusdropdown :selected').text();         //einput.remove();         $(this).html('<strong>' + newval + '</strong>');     });      $(this).css("display", "none");     elink.css("display", "block"); }); 

how edit button display dropdown list?

looking @ code, want achieve not clear. must confess don't see point of ids , "-form". must have missed something.

anyway guess should describe (provided profilecampusdropdown , savebtndropdown start display:none;)

    $(".editlinkdropdown").on("click", function (e) {         e.preventdefault();         $(this).prevall(".datainfodropdown").find("strong").hide();         $('#profilecampusdropdown').show();         $(this).hide();         $(this).next(".savebtndropdown").show();     });  $(".savebtndropdown").on("click", function (e) {     e.preventdefault();     var strong = $(this).prevall(".datainfodropdown").find("strong");     strong.html($('#profilecampusdropdown :selected').text());     strong.show();     $('#profilecampusdropdown').hide();      $(this).hide();     $(this).prev(".editlinkdropdown").show(); }); 

hope help


Comments

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

multithreading - Exception in Application constructor -

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -