Jquery 如何在单击链接时传递文本框的值？

我有两个区域。当用户单击文本链接，即“添加到购物车”时，我如何将两个文本区域的值粘贴到第三个文本区域中，并用分隔符“-”分隔，最后在函数完成后加载新页面

到目前为止，我掌握的代码是：

JS:

HTML:

这里是您的头条消息。

下面是您的最新消息。

---

谢谢您的帮助。

尝试以下方法：

html:

---

试着这样做：

html:

---

要做文本字段的工作

var text1 = $("#textbox1").val();//textbox1 is the id value of the text area
var text2 = $("#textbox2").val();//textbox2 is the id value of the text area
var text3 = text1 + "\n--\n" + text2;
$("#textbox3").val(text3);//set the next text in textbox3

加载一个新页面没有意义，你以前在用textbox3数据做什么？您是否要提交一份表格？如果是这样，您可以这样做，例如（假设文档中只有一个表单）

或者如果你真的想重新加载一个新页面，那么

window.location = 'newpage.html';//or whatever you page is called

重要提示

使用链接的单击处理程序时，如果链接设置了

href

属性，则应确保取消默认操作（即重新加载新页面）

工作示例

---

请注意，在复制JQuery代码后，我必须在末尾添加一个额外的右括号

）

，以便它正确运行

来处理文本字段内容

var text1 = $("#textbox1").val();//textbox1 is the id value of the text area
var text2 = $("#textbox2").val();//textbox2 is the id value of the text area
var text3 = text1 + "\n--\n" + text2;
$("#textbox3").val(text3);//set the next text in textbox3

加载一个新页面没有意义，你以前在用textbox3数据做什么？您是否要提交一份表格？如果是这样，您可以这样做，例如（假设文档中只有一个表单）

或者如果你真的想重新加载一个新页面，那么

window.location = 'newpage.html';//or whatever you page is called

重要提示

使用链接的单击处理程序时，如果链接设置了

href

属性，则应确保取消默认操作（即重新加载新页面）

工作示例

---

请注意，在复制JQuery代码后，我必须在末尾添加一个额外的右括号

）

，这样它才能正确运行

设置一个标签属性，如下所示，在新页面上使用文本框值移动，而不提交页面

$("#addtocart").click(function(e) {
var t1=$("#textbox1").val();
var t2=$("#textbox2").val();    
var t3=t1 + "--" + t2;
var url="your url"+"?id="+t3  
$(this).attr("href",url);
});

---

设置如下所示的标记属性，以使用textbox值在新页面上移动，而不提交页面

$("#addtocart").click(function(e) {
var t1=$("#textbox1").val();
var t2=$("#textbox2").val();    
var t3=t1 + "--" + t2;
var url="your url"+"?id="+t3  
$(this).attr("href",url);
});

---

---

文本区域为字段后的新页面加载是ajax？到目前为止您尝试了哪些代码？您能在这里发布一些代码吗？第三个文本区域分配了变量，这些变量将保留购物车的内容。Rory，我将编辑原始帖子，向您展示我正在修补的内容。文本区域为字段后的新页面加载是ajax？到目前为止您尝试了哪些代码？您能在这里发布一些代码吗？第三个文本区域分配了变量，这些变量将保留购物车的内容。Rory，我将编辑原始帖子，向您展示我正在修补的内容。我个人不会使用

.html

，但无论如何，我只想说您没有满足分隔符要求；）我个人不会使用

.html

，但无论如何，我只想说您没有满足分隔符的要求；）谢谢你的帖子，我也会试试这个。Textbox3是一个由我正在使用的电子商务软件包设置的具有预定属性的文本框，它的内容将显示在签出页面上，因为它的设置方式，所以我需要将自定义文本传递到此框中。当用户单击“添加到购物车”并向其中传递文本时，此框的值将保留，但它将通过CSS隐藏。由于电子商务软件的工作方式，使用这个特定的文本框是一项要求，但我需要为用户提供多个文本框，而不仅仅是一个。哦，新的页面部分需要在功能完成后将用户带到他们的购物车。@Chris：好的，听起来不错，希望你得到你需要的；）差不多了-第三个文本框中没有显示文本，请您看一下好吗？JS:$（'#addtocart'）。单击（函数（）{var text1=$（“#inputA”）.val（）；var text2=$（“#inputB”）.val（）；var text3=text1+“\n--\n”+text2；$（“#personalisedmsg”）.val（text3）；}）；HTML:

@Chris：你应该在你的原始问题中添加额外的代码作为编辑谢谢你的帖子，我也会试试这个。Textbox3是一个由我正在使用的电子商务软件包设置的具有预定属性的文本框，它的内容将显示在签出页面上，因为它的设置方式，所以我需要将自定义文本传递到此框中。当用户单击“添加到购物车”并向其中传递文本时，此框的值将保留，但它将通过CSS隐藏。由于电子商务软件的工作方式，使用这个特定的文本框是一项要求，但我需要为用户提供多个文本框，而不仅仅是一个。哦，新的页面部分需要在功能完成后将用户带到他们的购物车。@Chris：好的，听起来不错，希望你得到你需要的；）差不多了-第三个文本框中没有显示文本，请您看一下好吗？JS:$（'#addtocart'）。单击（函数（）{var text1=$（“#inputA”）.val（）；var text2=$（“#inputB”）.val（）；var text3=text1+“\n--\n”+text2；$（“#personalisedmsg”）.val（text3）；}）；HTML:

@Chris:您应该在原始问题中添加任何额外的代码作为编辑

window.location = 'newpage.html';//or whatever you page is called

$('#addtocart').click(function(e) {
    e.preventDefault();//cancel the new page load action

    //rest of code here
});

$("#addtocart").click(function(e) {
var t1=$("#textbox1").val();
var t2=$("#textbox2").val();    
var t3=t1 + "--" + t2;
var url="your url"+"?id="+t3  
$(this).attr("href",url);
});