Unable to get data attribute value in jquery using PHP

Question

I am working with Jquery and php,I have text box and i am trying to pass "data attribute" (data-vals) value using jquery but i am getting "undefined" as response, Here is my code,Where i am wrong ?

<input type='text' name='postcmnt' class='postcmnt' value='" + str + "' data-vals='123' onkeydown='search(this)' />
<script>
function search(ele) {
    if(event.key === 'Enter') {
            var valss=$(this).data('vals');
            alert('attribute value is '+valss); 
    }
}
</script>

@SachinVairagi: i am getting following value "[object HTMLInputElement]" — amit
– amit, Commented Jan 27, 2022 at 5:00

Devsi Odedra · Accepted Answer · 2022-01-27 05:25:07Z

1

Simply you can use on keypress with class postcmnt or with input

$('.postcmnt').on('keypress', function(e) {
    var code = e.keyCode || e.which;
    var _t = $(this);
    if(code==13){
        var valss=_t.data('vals');
        var inputVal=_t.val();
         alert('attribute value is '+valss);
         alert('input value is '+inputVal);
    }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type='text' name='postcmnt' class='postcmnt' value='abc' data-vals='123'/>

edited Jan 27, 2022 at 5:25

answered Jan 27, 2022 at 5:00

Devsi Odedra

5,3421 gold badge25 silver badges38 bronze badges

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

2 Comments

amit Over a year ago

But how can i get current texbox value ( which i entered) ?

Devsi Odedra Over a year ago

@Nisha check it now.

Sachin Vairagi · Accepted Answer · 2022-01-27 05:29:47Z

1

You can also try this -

<input type='text' name='postcmnt' class='postcmnt' value='' data-id="123" onkeydown="search(this)" />
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
function search(ele) {
    
    if(event.key === 'Enter') {
        console.log(ele.getAttribute("data-id")); 
    }
}
</script>

answered Jan 27, 2022 at 5:29

Sachin Vairagi

5,3704 gold badges39 silver badges65 bronze badges

Collectives™ on Stack Overflow

Unable to get data attribute value in jquery using PHP

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related