Me gustaría obtener una solución Javascript pura para mi situación.
Mi HTML y JS son los siguientes. Pero el HTML no se puede manipular desafortunadamente ya que está en SP.
function getCurrentValue() { var searchQuery = document.getElementById("SearchBox").children[0].children[0].value; console.log(searchQuery); } <div id="SearchBox"> <div id"randomGeneratedId"> <input type="text" value="Search..." id="anotherRandomGeneratedId"/> </div> </div> <br/> <input type="button" value="Run!" onClick="getCurrentValue();">El JS anterior funciona en el fragmento aquí, pero en mi página devuelve el valor predeterminado de la entrada, es decir. "Búsqueda..."
FYI se está ejecutando en SharePoint 2013. Debo señalar que logré que funcionara cuando getElementId ("anotherRandomGeneratedId") pero eso requiere escribir un script personalizado para cada página.
Intente modificar getCurrentValue() a:
function getCurrentValue() { var searchQuery = document.querySelector("#SearchBox input").value; console.log(searchQuery); }