Question

我有以下代码：

<div class="dataTables_filter" id="searchResult_filter">
  <label>Text: 
       <input type="text" aria-controls="searchResult">
 </label>
</div>

如果输入任何内容，我想获取输入字段值。

我只提到了代码，我无法改变它，比如输入id或添加任何事件。那么怎么做呢。

即使我能够检测到div的变化也会有所帮助。

我试过了：

$("#searchResult_filter").change(function() {
  alert("ketyup");
});

Answer 1

我找到了解决方案：添加keyup eventListener

document.getElementById("searchResult_filter").addEventListener("keyup",disableConsultarOpcionesdeFinanciacion);

在输入框keyup上调用以下函数：

function disableConsultarOpcionesdeFinanciacion()
{
 //Code to do somthing
}

Answer 2

使用.keyup()

描述：将事件处理程序绑定到“keyup”JavaScript事件，或在元素上触发该事件。

$("input[type=text]").keyup(function (e) {


        alert($(this).val());

    });

Answer 3

试试这个..

<div class="dataTables_filter" id="searchResult_filter">
 <label>Text: 
    <input type="text" aria-controls="searchResult"   onchange="GetInputVal(value)">
  </label>
</div>

 function GetInputVal(val) {  
 //your logic to handle the value
 }

Answer 4

jQuery选择器也像css选择器一样工作。所以你可以使用以下代码。

$("#searchResult_filter input[type=text]").keyup(function (e) {
        console.log($(this).val());
});

或

$("input[aria-controls=searchResult]").keyup(function (e) {
            console.log($(this).val());
    });

访问Div的子元素值

4 个答案: