How to pass the value of one field in the form to a link?

Question

JavaScript

There is a form, you need to insert the entered data from one field into a link, which can then be sent to the server using pjax, that's what I did:

$js = <<<JS
$("#slug-block").hide();
$("#title-input").focusout(function() {
var txt1 = $("#title-input").val();
if(txt1 != ""){
$("#slug-block").show();
}else{
$("#slug-block").hide();
}
});
JS;
$this->registerJs($js);

...

<?= $form->field($model, 'title')->textInput(['id'=>'title-input', 'maxlength' => 64]) ?>
<div id="slug-block">
<?= $form->field($model, 'slug')->textInput(['id'=>'slug-input', 'maxlength' => 64]) ?>

<? Pjax::begin(['enablePushState' => false]); ?>
<?= Html::a('Показать варианты', ['page/slug', 'slug'=>сюда_нужно_вставить_значение_из_title-input); ?>
<? Pjax::end(); ?>
</div><!--/slug-block-->

...

Please tell me how to do it?

Answer 1

I already think it will be easier to send a post request, just add the value attribute to the link and insert the value from the first field into it.
---
did this
$(link id).attr("href", "required link");