根据按钮更改href标签

debugcn 发表于 Dev

马修·麦克林（Mathew MacLean）

编辑：角落里的按钮将不会提交搜索。仍会单击“执行”按钮以提交它。

所以，当我无聊的时候，我正在做一个小项目。这并不意味着什么严重的问题，我在学习的同时也在教一些javascript，jquery，html和css（当然，感谢您。）这部分我无法弄清楚，也找不到任何东西。

截至目前，我拥有一种表单，当您键入该表单并按go时，它将搜索google。我打算使用它，因此我可以单击四个按钮之一（位于页面的每个角），它会在您提交时更改搜索位置。这是我的表格的代码。

<form onsubmit="location.href='https://www.google.ca/#q=' + document.getElementById('myInput').value; return false;">
   <input type="text" id="myInput" class="search left" value="" autofocus/>
   <button class="go"><span>GO!</span></button>
</form>

因此，理想情况下，我希望使用它，以便在单击youtube按钮后，将“ https://www.google.ca/#q= ”更改为“ http://www.youtube.com/results?search_query= ” 。这可行吗？如果是这样，最简单的方法是什么？

谢谢。:)

恢复Monica Cellio

实际上，最好删除表单并仅使用一个按钮。你可以像这样做上面的事情...

的HTML

<input type="text" id="myInput" class="search left" value="" autofocus/>
<button class="go" id="search-button">GO!</button>

Java脚本

$(function() {

    $("#search-button").on("click", function() {

        var query = $("#myInput").val();

        // if using Google search...
        location.href = "https://www.google.ca/#q=" + query;

        // if using Youtube search...
        location.href = "http://www.youtube.com/results?search_query=" + query;

    }); 
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。