Question

我有一个JS功能，我想在点击一个按钮时执行。它基本上是一个搜索框，当点击按钮时，将从输入字段中获取输入的文本（邮政编码），并将其传递给PHP脚本，该脚本将使用API将其转换为纬度/经度，然后输出嵌入式Google地图上的图钉。我已经完成了所有PHP / API / Map的工作，所有这些都是硬编码的邮政编码，但我现在需要从搜索框中提取邮政编码。

见下面的代码：

的Javascript：

var post_search = document.getElementById('post_search');
function useValue() {
    var postcode = post_search.value;
    // use it
    alert(postcode); // just to show the new value & ensure this portion is working
}
post_search.onchange = useValue;  
post_search.onblur = useValue;

HTML：

    <div id="post_search_container">
        <input type="text" id="post_search" name="item" placeholder="Search.."/>
        <input type="button" id="nested_search" value="Search.."/>
        <script type="text/javascript" src="js/post_search.js"></script>
    </div>

我已经读过我可以使用另一个“getElementByID”按钮然后执行代码，但无法弄清楚它是如何工作的。我还读到需要一个OnClick事件，但同样，也无法解决这个问题。还值得一提的是我确实有jQuery（v2.1.3），所以如果需要，我可以实现一个实现上述方法的jQuery方法。

非常感谢任何帮助，提前致谢。

Answer 1

你的意思是这样吗？

var button = document.getElementById('nested_search');
button.onclick = useValue;

Answer 2

如果你想在jquery中这样做，那么你可以通过以下方式完成：

 $("#buttonId").click(function() {
     //get input text and process
 });

或，

$("#buttonId").on("click", function() {
    //get input text and process
});

在JavaScript中：

var buttonReference = document.getElementById('nested_search');
buttonReference.onclick = function() {
    //do processing
}

单击按钮时调用Javascript函数

2 个答案: