I have a simple OL Append via JQuery which contain hidden input inside SpanI want to test get the value using on click and show on alertMy problem is i always get undefined when clicked olappend 39ltligt39 39ltp class34diplome34 style34colorwhite34gt39 34test34 39ltpgt39 39ltspan id34tid34 class34point point34gt39 39ltinput name34nname34 id34idname34 class34classname34

HTML TextBox inside SPAN returns undefined in JavaScript

ruben000...

SOLVED CLOSED ACTIVE ANSWERED
User: ruben00000
Posted: on Jun 04, 2023 11:23 PM
Forum: JavaScript
Answer: 1
Views: 1335

I have a simple OL Append via JQuery which contain hidden input inside Span.

I want to test get the value using on click and show on alert

My problem is i always get undefined when clicked

$ol.append(
    '<li>'
    + '<p class="diplome" style="color:white">' + "test" + '</p>'
    + '<span id="t_id" class="_point point">' + '<input name="n_name" id="id_name" class="class_name" style="visibility:hidden;" value="'+80 + '" />' + '</span>'
    + '</li>'
);

$('body').on('click', '.class_name', function () {
    var data= $(this).val();
    alert(data);
});

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 1

Reply
ANSWER
User: dharmendr
Replied: on Jun 04, 2023 11:24 PM
Modified: on Jun 07, 2023 05:11 AM
Report

ruben00000 says:
$('body').on('click', '.class_name', function () {

var data= $(this).val();

alert(data);

});

Apply click event to the span and find the Input TextBox to retrieve the value. Use below code.

$('body').on('click', '._point', function () {
    var data = $(this).find(".class_name").val();
    alert(data);
});

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

HTML TextBox inside SPAN returns undefined in JavaScript

Company

Explore

Follow us

Contact Us