无法使用 PHP 在 jquery 中获取数据属性值答案

【问题标题】：Unable to get data attribute value in jquery using PHP无法使用 PHP 在 jquery 中获取数据属性值
【发布时间】：2022-01-27 13:29:47
【问题描述】：

我正在使用 Jquery 和 php，我有文本框，我正在尝试通过使用 jquery 的“数据属性”（data-vals）值，但我得到“未定义”作为响应，这是我的代码，我哪里错了？

<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>

【问题讨论】：

你能发布“console.log(ele)”的输出吗
@SachinVairagi：我得到以下值“[object HTMLInputElement]”

标签： javascript php html jquery

【解决方案1】：

您只需将on keypress 与class postcmnt 或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'/>

【讨论】：

但是我怎样才能得到当前的 texbox 值（我输入的）？
@Nisha 立即查看。

【解决方案2】：

你也可以试试这个-

<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>

【讨论】：