url - DIVで指定された値でURLを追加します

Question

URLの最初の部分は知っていますが、クライアントがdivに入力する内容に基づいて、最後の部分を一意に定義する必要があります。例えば：

<!-- specify page name in the div -->
<div id="client-entry">page-name</div>
<div id="load-url">url loads here</div>

<!-- load what is specified at the end of the url -->
<script>
$("#load-url").load("known-folder/"#client-entry.text()".html");
</script>

どんな助けでもいただければ幸いです。

Answer 1

アイデア1：

選択したdivに属性を指定します（たとえば、ajaxifyと言います）

<div id="client-entry" ajaxify="unique link here">

次に、jQueryを使用して、次のように値を取得できます。

$('#client-entry').attr('ajaxify');

次に、client-entrydivが持つ属性値を使用して次のdivをロードします。

アイデア2：

client-entry divで入力を使用して、jQueryを使用して入力の値を次のように取得できます。

var toLoad = $（'client-input'）。val（）;

ロードコードでこの値を使用します。

$("#load-url").load("known-folder/"+toLoad+".html");