How to JQuery Select an html item which is not "loaded" yet?

Question

I have an Ajax call, that in the Success function, load a PartialView(html), in a container.

And I need to do "something" with a hiddenField value that it is in the loaded PartialView.

Trying $("#IdOfHiddenTextField").val() or a class selector and Jquery do not select the Html element.

How can I achieve that?

Actual code:

$.ajax({
        url: '/apps/server',
        type: 'POST',
        data: formData,
        async: false,
        cache: false,
        contentType: false,
        processData: false,
        success: function (response) {
            if (response.ok == "ok") {
                esValido = true;
                $("#divContenedorPaso2").html(response.vistaRazor);
                if (response.modificoEmail) {
                    $("#popup-mensaje").html("Modification successfull");
                    $('#myModalAdvertencia').modal('show');
                }
            } else {
                $("#divContenedorPaso2").html(response);
            }
        }
    });

I need to do:

$.ajax({
        url: '/apps/server',
        type: 'POST',
        data: formData,
        async: false,
        cache: false,
        contentType: false,
        processData: false,
        success: function (response) {
            $("#divContenedorPaso2").html(response);

            var submitSuccesfull = $("#IdOfHiddenTextField").val();
            // this hidden element is inside de PartialView "response"

            if (submitSuccesfull ) {
                esValido = true;
                $("#popup-mensaje").html("Modification successfull");
                $('#myModalAdvertencia').modal('show');
            } else {
               esValido = true;
            }
        }
    });

Please go read [ask] and [mcve], and edit your question accordingly. — CBroe, Jul 17 '18 at 12:25
If it is in iframe than use https://stackoverflow.com/questions/1796619/how-to-access-the-content-of-an-iframe-with-jquery — Ullas Hunka, Jul 17 '18 at 12:27
Trying putting your script tag at the bottom of the body tag. This will make sure the elements are loaded before your script is. — Anthony, Jul 17 '18 at 12:29
use 'data' on success of your ajax call to access what you want — Jax Teller, Jul 17 '18 at 12:29

score 0 · Accepted Answer · answered Jul 17 '18 at 12:41

0

I don't know your code but i think you need something like this :

$.ajax({
    url: "partialView.html", 
    success: function(response) {
        var result = $(response).find("#IdOfHiddenTextField").val();
    }
});

answered Jul 17 '18 at 12:41

Jax Teller

1,447
2
15
24

**Thanks!** It works! Is it the only way that Jquery recognise an element, which load after the script? – Igua95 Jul 17 '18 at 14:04

How to JQuery Select an html item which is not "loaded" yet?

1 Answers1