Question

我正在尝试使用在其中创建的序列化字符串创建输入框（在附加的JSFiddle上），因此submiters可以单击他们创建的链接以查看它是否已存在。这可能吗？如果没有，最好用serialize字符串隐藏输入单元格并在输入框外显示另一个序列化输出（在href中）？

JSFiddle - Serialize

使用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

您可以像这样链接到创建的网址：

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

这是你想要做的吗？

我已更新the fiddle.

更新。我有edited the fiddle，因此提交按钮会转到生成的网址。

添加href以单击Serialize String

1 个答案: