人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

次のようなJavaScriptの連想配列があった場合に、キー名old用とnew用の2つのリストボックスを作るコードを教えてください。
質問の意味がわからない場合はコメント欄でお願いします。
var url_list = [
{ 'old' : 'http://example.com/old/1', 'new' : 'http://example.com/new/1' },
{ 'old' : 'http://example.com/old/2', 'new' : 'http://example.com/new/2' },
{ 'old' : 'http://example.com/old/3', 'new' : 'http://example.com/new/3' }
];

●質問者: P-mako
●カテゴリ:インターネット ウェブ制作
✍キーワード:JavaScript キー コメント欄 コード ボックス
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● regnif
●60ポイント ベストアンサー

jQueryを使って良いならこんな感じっすね。

<script src="http://www.google.com/jsapi"></script>
<script>
 google.load("jquery", "1.3.2");
</script>
<script type="text/javascript">
var url_list = [
 { 'old' : 'http://example.com/old/1', 'new' : 'http://example.com/new/1' },
 { 'old' : 'http://example.com/old/2', 'new' : 'http://example.com/new/2' },
 { 'old' : 'http://example.com/old/3', 'new' : 'http://example.com/new/3' }
];
(function($){
 jQuery(document).ready( function() {
for ( var i = 0; i < url_list.length; i++ ) {
$("#link_old").append( "<option value='" + url_list[ i ][ 'old' ] + "'>" + url_list[ i ][ 'old' ] + "</opeion>" );
$("#link_new").append( "<option value='" + url_list[ i ][ 'new' ] + "'>" + url_list[ i ][ 'new' ] + "</opeion>" );
}
 } );
})(jQuery);
</script>
<form name="old">
<select id="link_old" name="link" size="4">
</select>
</form>
<form name="new">
<select id="link_new" name="link" size="4">
</select>
</form>

(ダミー)http://q.hatena.ne.jp/answer

◎質問者からの返答

できました。

ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ