jquery - 添加 href 以单击序列化字符串

Question

我正在尝试使用在其中创建的序列化字符串将输入框（在附加的 JSFiddle 上）设置为 href，以便提交者可以单击他们创建的链接以查看它是否已经存在。这可能吗？如果不是，最好用序列化字符串隐藏输入单元格并在输入框之外显示另一个序列化输出（在href中）？

JSFiddle - 序列化

Javascript：

var partFields =  $('#form1').find('input[type=text]').not('#url');

$(partFields).change(function(){
  var url = 'static/url/to/file.php?';
  var urlValue = url+partFields.serialize();
   $('#url').val(urlValue); // set the hidden input value
});

HTML：

<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="button" name="button" id="button" value="Submit" />
  </p>
</form>
​

​

Answer 1

您可以像这样创建指向创建的 url 的链接：

$('#link').text(urlValue).attr('href', urlValue);

这是你想要做的吗？

我已经更新了小提琴。

更新。我已经编辑了 fiddle，所以它是转到生成的 url 的提交按钮。