为了账号安全,请及时绑定邮箱和手机立即绑定

将搜索框中的输入附加到按钮链接中

将搜索框中的输入附加到按钮链接中

PHP
倚天杖 2023-05-26 16:01:02
我会让这个简短而快速。:)我正在尝试在我的网站上实现一个按钮,它将我重定向到我指定的 URL + 用户正在寻找的内容。我这里有一小段代码:<html>   <div class="search">     <form role="search" method="get" id="search">         <div>             <input type="text" value="" name="tag_search" id="tag_search" />             <input type="button" value="Cerca" onclick="window.location.href='https://mywebsite.com/'" />         </div>     </form>   </div></html>这几乎是工作。
查看完整描述

2 回答

?
慕森卡

TA贡献1806条经验 获得超8个赞

将输入的值添加到链接


<html>

  <div class="search">

    <form role="search" method="get" id="search">

      <div>

        <input type="text" value="" name="tag_search" id="tag_search" />

        <input type="button" value="Cerca" 

          onclick="window.location.href='https://mywebsite.com/' + 

          document.getElementById('tag_search').value" />

      </div>

    </form>

  </div>

</html>


查看完整回答
反对 回复 2023-05-26
?
慕勒3428872

TA贡献1848条经验 获得超6个赞

添加以下Javascript来帮助


<script>

function goToSearch() {

    window.location.href= 'https://mywebsite.com/' + encodeURI(document.getElementById("tag_search").value)

}


</script>

那么你的 HTML 应该是这样的


<html>

  <div class="search">

    <form role="search" method="get" id="search">

        <div>

            <input type="text" value="" name="tag_search" id="tag_search" />

            <input type="button" value="Cerca" onclick="goToSearch()" />

        </div>

    </form>

  </div>

</html>


查看完整回答
反对 回复 2023-05-26
  • 2 回答
  • 0 关注
  • 129 浏览

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号