使用 jquery、javascript 或 PHP 生成查询字符串

发布于 2024-10-20 17:35:56 字数 534 浏览 10 评论 0原文

我有一个用户可以填写的表格,我需要用户能够使用查询字符串生成带有结果的 pdf 示例

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
</head>
<body>
<form id="form">
<select name="test" id="test">
<option id="op1" value="1">1234</option>
<option id="op2" value="2">2134</option>
</select>
</form>


<a href="url.pdf?Name=[FillStringHere]"> click here</a>   
 </body>

谢谢!

i have a form that users can fill out and i need the users to be able to generate a pdf with their results using query string
example

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
</head>
<body>
<form id="form">
<select name="test" id="test">
<option id="op1" value="1">1234</option>
<option id="op2" value="2">2134</option>
</select>
</form>


<a href="url.pdf?Name=[FillStringHere]"> click here</a>   
 </body>

Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

请远离我 2024-10-27 17:35:56

HTML:

<a href="#" id="pdf_a">click here</a>

jQuery

$(document).ready(function(){
  $('#pdf_a').click(function(){
    $(this).attr('href', 'url.pdf?'+$('#form').serialize());
  });
});

示例:

http://jsfiddle.net/NeL5X/

HTML:

<a href="#" id="pdf_a">click here</a>

jQuery

$(document).ready(function(){
  $('#pdf_a').click(function(){
    $(this).attr('href', 'url.pdf?'+$('#form').serialize());
  });
});

Example:

http://jsfiddle.net/NeL5X/

暖心男生 2024-10-27 17:35:56

这将获取值 opt1 和 opt2 并将其作为 opt1=x&opt2=y 放入 url 中。

  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("#my_link").click(function(){
        opt1 = $("#opt1").val(); // Stores the value of id-opt1 in the variable opt1
        opt2 = $("#opt2").val(); // Stores the value of id-opt2 in the variable opt2
        url = "url.pdf?opt1=" + opt1 + "&opt2=" + opt2; // Takes the above variables and creates the query to send to your file.
        window.location = url;
       });
    });

    </script>
    </head>
    <body>
    <form id="form">
    <select name="test" id="test">
    <option id="op1" value="1">1234</option>
    <option id="op2" value="2">2134</option>
    </select>
    </form>
    <a id="my_link"> click here</a>
    </body>

This will take the values opt1 and opt2 and put it in the url as opt1=x&opt2=y.

  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("#my_link").click(function(){
        opt1 = $("#opt1").val(); // Stores the value of id-opt1 in the variable opt1
        opt2 = $("#opt2").val(); // Stores the value of id-opt2 in the variable opt2
        url = "url.pdf?opt1=" + opt1 + "&opt2=" + opt2; // Takes the above variables and creates the query to send to your file.
        window.location = url;
       });
    });

    </script>
    </head>
    <body>
    <form id="form">
    <select name="test" id="test">
    <option id="op1" value="1">1234</option>
    <option id="op2" value="2">2134</option>
    </select>
    </form>
    <a id="my_link"> click here</a>
    </body>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文