2016-06-29 13 views
-1

を取得しない: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-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> 

私は結果が得られません。私は何が欠けていますか?

+2

は、マークアップの後にコードされていますし、DOMの準備にあなたのコードを初期化していますか? –

+1

これには多くの理由があります。コンソールは何を言いますか? – Christoph

答えて

1

機能の最後に});を忘れました。

はこれを試してみてください:

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

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

私は投稿を編集し、 '

+1

文書を忘れた –

関連する問題