求助,怎么取得input里的值,写在标签的href里

杋杋杋 2017-09-25 12:36:36
<input type="text" class="tb-text" name="count" value="1"  title="请输入购买量">
这是我的input,我想得到这个input的值,然后通过下面的方式传递给下一个页面
<a href="productCart.jsp?id=<%=p.getId() %>&count=">加入购物车</a>
...全文
6784 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
靠谱么 2017-10-12
  • 打赏
  • 举报
回复
怎么不结贴 真的烦
末流码农 2017-10-11
  • 打赏
  • 举报
回复
js或者jquery获取input属性值。然后用元素选择器选择到你要进行操作的标签,用.attr()的方法给相应的属性名赋值就行了
靠谱么 2017-09-26
  • 打赏
  • 举报
回复
把input添加个id标签 $('#id').val() 获取到当前输入的文本的值 和你的链接拼接就行了啊
杋杋杋 2017-09-25
  • 打赏
  • 举报
回复 1
谢谢各位大佬点拨,小弟已经搞到方法了。看了大家的回答后,感觉jque能解决问题,然后我就去学了一下jQuery。

解决代码如下:
<input type="text" class="tb-text" id="inputId" name="count" value="1"  title="请输入购买量">

<a href=""  id="linkToCart">加入购物车</a>

<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//点击链接的时候调用
$("#linkToCart").click(function(){

//得到input的值
var count = $("#inputId").val();

//得到id的值
var id = <%=p.getId() %>;

//设置linkToCart的href的值
$("#linkToCart").attr("href","productCart.jsp?id="+id+"&count="+count);
});
});
</script>


效果图
成功接收到input里面的值了,谢谢大家


ooo-ooo 2017-09-25
  • 打赏
  • 举报
回复
原生JavaScript写法:

var inp = document.getElementById("inpId"); //要给你的input加个id
jQuery写法,现在一般都用jQuery:

var inp = $(".tb-text").val();
青蛙Keroro 2017-09-25
  • 打赏
  • 举报
回复
$("#a标签id").attr("href","productCart.jsp?"+$("input的id")); 最好encodeURI一下地址
一个治疗术 2017-09-25
  • 打赏
  • 举报
回复

<input type="text" class="tb-text" name="count" value="1"  title="请输入购买量" id="saber">
<a href="productCart.jsp?id=<%=p.getId() %>&count=" id="coment">加入购物车</a>
//
$("#saber").change(function(){
var info=this.val()
#("#coment").href="productCart.jsp?id=<%=p.getId() %>&count="+info
//也有可能是下面这种写法,很久没写不怎么记得了
//$("#coment")[0].href
})

81,111

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧