Javascript 访问Div的子元素值

我有以下代码：

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

使用

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

试试这个

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

正文：
函数GetInputVal（val）{
//您处理该值的逻辑
}  

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

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

它在输入框键控时调用以下函数：

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

---

jQuery选择器的工作方式也与css选择器类似。因此，您可以使用以下代码

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

或

---

将

keyup

或

keypress

事件处理程序附加到

input

检查：如何为输入附加keyup。我没有输入字段的任何id。@Abhay确定使用上述更改的方法选择我的html中有多个输入字段。然后选择使用id或其索引值。实际上，上述代码适用于所有输入类型的文本。。它将为您提供实时更改的输入值@AbhayI只提到了代码，我不能像放id什么的那样改变它。那么怎么做呢？我没有访问add onchange方法的权限，可以通过js/jquery添加吗？请尝试$（“input[aria controls=“searchResult”）。更改（function（）{//your logic here}我已经发布了解决方案。

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

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

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