次のような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 12:59:11
  • 終了:2009/11/10 13:52:49

ベストアンサー

id:i4ooon No.1

regnif回答回数56ベストアンサー獲得回数202009/11/10 13:40:24

ポイント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

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

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

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

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

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません