JavaScript - Не получив результата

Question

я следующие входы:

<input class="form-control sampleLink" type="text" id="url" th:field="*{url}" th:value="*{url}" /> 
<input class="form-control sampleLink" type="number" id="port" th:field="*{port}" th:value="*{port}" /> 
<input class="form-control sampleLink" type="text" id="folder" th:field="*{folder}" th:value="*{folder}" /> 

Я ожидаю, что следующий будет автоматически заполнено:

<input id="sampleLink" class="form-control" type="text" name="sampleLink" th:disabled="true" /> 

С помощью этого кода:

<script type="text/javascript"> 
    $().ready.(function() { 
     $(".sampleLink").change(function() { 
      var url = $("#url").val(); 
      var port = $("#port").val(); 
      var folder = $("#folder").val(); 

      $("#sampleLink").val('http://' + url + ':' + port + '/' + folder + '/*.txt'); 
     }); 
    }); 
</script> 

Я не получаю никакого результата. Что мне не хватает?

Answer 1

Вы забыли }); в конце функции.

Попробуйте это:

$(".sampleLink").change(function() { 
var url = $("#url").val(); 
var port = $("#port").val(); 
var folder = $("#folder").val(); 

$("#sampleLink").val('http://' + url + ':' + port + '/' + folder + '/*.txt');});