JavaScript-没有结果

JavaScript-没有结果,javascript,Javascript,我有以下投入: <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-cont

我有以下投入:

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

$().ready.(函数()){
$(“.sampleLink”).change(函数(){
var url=$(“#url”).val();
var port=$(“#port”).val();
var folder=$(“#folder”).val();
$(“#sampleLink”).val('http://'+url+':'+port+'/'+folder+'/*.txt');
});
});
我没有结果。我错过了什么?

你忘了
})位于函数末尾

试试这个:

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

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

代码在标记之后还是在dom上初始化代码已经准备好了?这可能有很多失败的原因。控制台怎么说?我编辑了帖子,完成了
部分,并按照您的建议更正了语法。还是不行$(document).ready.(function(){$(“.sampleLink”).change(function(){var url=$(“#url”).val();var port=$(“#port”).val();var folder=$(“#folder”).val();$(“#sampleLink”).val('http://'+url+':'+port+'/'+folder+/'+folder+'/*.txt');});您忘了将DocumentAlternative调用到$(document).ready(function(){///您的代码});您可以使用$(function(){///此处的代码});它似乎是某个地方缺失或额外的字符。我替换了
$(document).ready(function(){
行,用于我在另一个页面上工作的部分,现在一切都好了!谢谢!