次のような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' }
];

回答の条件
  • URL必須
  • 1人1回まで
  • 登録:
  • 終了:2009/11/10 13:52:49
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ベストアンサー

id:i4ooon No.1

回答回数56ベストアンサー獲得回数20

ポイント60pt

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

id:P-mako

できました。

ありがとうございます。

2009/11/10 13:52:41

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません