HTML element not accessible with jQuery

Question

I have a via with some jQuery function to get value from HTML element (to access element available and element not yet available). On of these element is a dropdown, when I select a value an another vue is added in the bottom of the page in a div. When I try to access an element added by this view, I received "undefined". What can I do ?

In the div #ProductDetail, I add element. and it's these elements I can't access.

Update 1 (trying to be more clear) - I have a page with some HTML element (several in put, a dropdown) - I have javascript method available on this page to access HTML element present or not yet present on this pahge - I have a - When I selected a value via the dropdown, I receive a view, this view is added to the . - When I try to access the HTML element present at the origin that'd work - When I try to access the HTML elemetn added in the that's not work, I received "undifined element"

$.ajax({

type: "POST",
url: "/Product/Edition",
data: {
    id: getId()
},
success: function(data) {
    $("#divDisplayDialogProduct").html(data);
    $('#ProductType').change(function() {
        $.ajax({
            type: "POST",
            url: "/Product/ShowDetail",
            data: { id: $('#ProductType').val() },
            success: function(data) { $("#ProductDetail").html(data); },
            error: function(XMLHttpRequest, textStatus, errorThrown) { }
        })
    });
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
}

})

Which part doesn't work? It's unclear from the question, may want to re-read and edit the question. — Nick Craver
– Nick Craver, Commented Mar 17, 2010 at 19:37
Where are you trying to get the value? every where you are setting the value instead of getting it in your code! — Mahesh Velaga
– Mahesh Velaga, Commented Mar 17, 2010 at 19:41
@Nick Craver this line success: function(data) { $("#ProductDetail").html(data); }, add some HTML element (an <input type="text" id="MyNewElement" /> in DIV ProductDetail, I see it. But when I try to do this : function getDVDNameVO() { return $('MyNewElement').val(); } I received undifined — TheBoubou
– TheBoubou, Commented Mar 17, 2010 at 19:43

Nick Craver · Accepted Answer · 2010-03-17 19:47:46Z

2

Base on your comment response:

You still need the # to reference an element by ID like this:

function getDVDNameVO() { 
  return $('#MyNewElement').val(); 
}

answered Mar 17, 2010 at 19:47

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mike Thomsen · Accepted Answer · 2010-03-17 19:39:20Z

0

If #ProductDetail is your select tag, I believe you need to access the selected value like this:

$("#ProductDetail option:selected").val();

answered Mar 17, 2010 at 19:39

Mike Thomsen

37.7k11 gold badges63 silver badges86 bronze badges

1 Comment

SLaks Over a year ago

Wrong. When called on a <select> element, val will give the value of the selected option. api.jquery.com/val

Collectives™ on Stack Overflow

HTML element not accessible with jQuery

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related