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');});