首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用JavaScript或jQuery从表单域构建URL

使用JavaScript或jQuery从表单域构建URL
EN

Stack Overflow用户
提问于 2010-10-24 11:04:01
回答 3查看 27.7K关注 0票数 20

我正在尝试用JavaScript或jQuery创建一个网址生成器表单。

基本上,它将获取两个表单域的值,将它们添加到一个预设的URL中,并在提交时将其显示在第三个域中。

生成的URL可能是http://example.com/index.php?variable1=12&variable2=56

现在,这不是表单的“动作”,应用程序不能读取URL (以获取变量),因此它必须在页面上完成。

生成的URL将显示在名为"url“的字段中。

以下是该表单的示例:

代码语言:javascript
复制
<form id="form1" name="form1" method="post" action="">
  <p>
    <label>Variable 1
      <input type="text" name="variable1" id="variable1" />
    </label>
  </p>
  <p>
    <label>Variable 2
      <input type="text" name="variable2" id="variable2" />
    </label>
  </p>
  <p>
    <label>URL
      <input type="text" name="url" id="url" />
    </label>
  </p>
  <p>
    <input type="submit" name="button" id="button" value="Submit" />
  </p>
</form>
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4006991

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档