2012-01-29 6 views
2

jqueryでロードして複数の選択ドロップに入れることができる、私のサーバー上の別々のHTMLファイルにクライアントのリストを持たせたいダウン。クエリのload()とスパンを使用して複数選択(HTML)の内容を変更する

var clientList = document.getElementById(clientList); 
$('#clientList').load('clients.html'); 

私のクライアントのファイルが名前clients.htmlていないヘッダをHTMLファイルとして保存され、次の形式である

私の体で
<option value="address1">name1</input> 
<option value="address2">name2</input> 
<option value="address3">name3</input> 
<option value="address4">name4</input> 

私が持っているこの

<b>Waypoints:</b> <br /> 
<i>(Ctrl-Click for multiple selection)</i> <br /> 
<select multiple id="waypoints"> 
<span id="clientList"></span> 
</select> 

しかし、それは動作しません。私はそれを別のスパンに置くと、それは画面に表示されますが、私はそれが私の複数の選択ボックスのスパンに入るように見えることはできません。

ご協力いただければ幸いです!

+0

'$( '#waypoints')。load( 'clients.html');'は動作しますか? '.load()'関数は応答をターゲット要素の中に落とします。 *ターゲットを置き換える*ではありません。つまり、ターゲットはコンテナとして扱われ、レスポンスは現在の内容を置き換えます。 – Pointy

答えて

4

jquery .load()は、一致した要素にコンテンツを読み込みます。これを試してください$('#waypoints').load('clients.html');そしてスパンを削除してください

+0

残念ながら、これではうまくいきませんでした。私の複数の選択ボックスが空白になりました。 – user1176546

+0

このようなものを作りたいと思います。
(複数選択のためにCtrlキーを押しながらクリック)
<複数のIDを選択= "ウェイポイント"> <オプション値= "アドレス1"> NAME1 <オプション値= "アドレス2:動的 ' ウェイポイントを除きます"> NAME2 = <オプション値" アドレス3 "> NAME3 <オプション値=" address4" > NAME4 ' – user1176546

+0

あなたは放火犯を使用していますか? ajaxコールが実際にコンテンツを返すかどうかを確認できますか? – clem

関連する問題