Добавить href, чтобы щелкнуть Serialize String

Question

Я пытаюсь сделать поле ввода (в прикрепленном JSFiddle) строкой, созданной в нем, href, чтобы пользователи могли щелкнуть ссылку, которую они создали, чтобы увидеть, существует ли она уже , Это возможно? Если бы не было лучше скрыть входную ячейку с помощью строки сериализации и показать другой сериализованный вывод вне поля ввода (в 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

Вы можете сделать ссылку на созданный URL, как это:

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

Является ли это то, что вы пытаетесь это сделать?

Я обновил the fiddle.

ОБНОВЛЕНО. У меня есть edited the fiddle, так что это кнопка отправки, которая идет на сгенерированный URL.