Question

我想知道如何使用jquery将信息从我的页面传递到fancybox（灯箱）。我想在单击addButton以显示fancybox时传递在文本框（.question_box）中键入的信息。 HTML：

<input class="question_box" type="text">
<a id="addButton" class="pop_up" href="add_note.html">Ask Question!</a>

jquery的：

/* Configuring the fancybox plugin for the "Add a note" button: */
    $("#addButton").fancybox({
        'zoomSpeedIn'       : 600,
        'zoomSpeedOut'      : 500,
        'easingIn'          : 'easeOutBack',
        'easingOut'         : 'easeInBack',
        'hideOnContentClick': false,
        'padding'           : 15
    });

Answer 1

正确的HTML是：

<form action="add_note.html" method="GET">
<input class="question_box" name="question" type="text" />
<button id="addButton" class="pop_up" href="add_note.html">Ask Question!</button>
</form>

你的add_note.html应该寻找GET数据“问题”。

Answer 2

你可以这样做：从文本框中获取价值将其放入#addButton

的链接中

$('.question_box').keyup(function(){
   $('#addButton').attr('href', 'add_note.html?str=' + $(this).val());
})

在add_note.html中使用此函数获取参数

function getParameterByName( name )
{
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return decodeURIComponent(results[1].replace(/\+/g, " "));
}

How can I get query string values in JavaScript?

使用jquery将数据传递到奇特的盒子？

2 个答案: