【问题标题】:Tag Search using Button in Tumblr在 Tumblr 中使用按钮进行标签搜索
【发布时间】:2014-07-18 11:43:25
【问题描述】:

我想在 Tumblr 中有一个标签搜索按钮,通过使用 select 选项进行选择,但我不确定如何使用 Tumblr 的 {text:Search Label} 插入 onclick 事件。

form action = "">
   <select name = "Cities">
       <option value="----">--Select--</option>
       <option value="roma">Roma</option>
       <option value="torino">Torino</option>
       <option value="milan">Milan</option>
   </select>

这里有人可以帮忙吗?谢谢。

【问题讨论】:

  • 我有一个混合了上述答案和您的代码的 jquery 解决方案。这有什么用吗?大多数 tumblr 主题都有 jquery 链接,但不是全部,如果没有链接它很容易。

标签: javascript onclick tumblr


【解决方案1】:

这是我的代码:http://jsfiddle.net/htWW6/

这是脚本:

  $(document).ready(function(){
     $('select').bind('change',function(){
     var loc = $(this).val();
     location = "/tagged/" + loc;
   });
});

这是 jquery,所以如果您的主题当前安装了这个(很多都安装了),那么该代码应该可以立即使用。如果没有,那么添加 jquery 非常容易,但如果您需要纯 JS 解决方案,我无能为力。尽管另一个答案确实提供了一些见解。

【讨论】:

  • 嗨 lharby,是的,这很好用,但如果我需要使用按钮怎么办?
  • 这应该更容易编码,如果我有时间我会尝试稍后输入一些内容。
  • 提前感谢 lharby
  • 嘿,你真的想要一个按钮元素吗?或者看起来像一个按钮的东西。我相信,最好使用锚标记并将其设置为按钮的样式,这样会更容易。通常,html 按钮可能是表单上的提交或重置,但会用于发送大量信息而不是单个链接。虽然可以使用 js/jquery 来完成,但我认为锚点更有意义。
  • 你说得有道理。当然,如果你能在那个 lharby 上帮助我就好了
猜你喜欢
  • 2021-05-23
  • 1970-01-01
  • 1970-01-01
  • 2021-08-25
  • 1970-01-01
  • 2018-12-17
  • 2017-08-16
  • 1970-01-01
  • 2021-06-22
相关资源
最近更新 更多