1

JSONファイルを使用してドロップダウンを生成する次のものがあります。

<script type="text/javascript">
  $.getJSON('shares.json', function(data) {
  var items = [];

  $.each(data.Destinations, function(key, val) {
  items.push('<option id="' + val.shareName + '">' + val.shareName+ '</option>');
  });

  $('<select/>', {
    'class': 'my-new-list',
    html: items.join('')
  }).appendTo('body');
});
</script>

このドロップダウンを通常のように配置することはできません。たとえば、div に移動するように指示するにはどうすればよいですか? appendTo('body') は単に HTML の末尾に追加しているだけだと思いますが、どうすれば変更できますか?

ありがとう！

4

2 に答える 2

1

これを試して

  $('<select/>', {
    'class': 'my-new-list',
    html: items.join('')
  }).appendTo('#myDiv');

body に追加する必要はありません...指定された要素を保持できる任意の要素に追加できます。

于 2012-09-29T10:07:34.237 に答える
1

生成されたhtmlをdivに追加できるのと同じ方法で本文に追加しています。

<script type="text/javascript">
  $.getJSON('shares.json', function(data) {
  var items = [];

  $.each(data.Destinations, function(key, val) {
  items.push('<option id="' + val.shareName + '">' + val.shareName+ '</option>');
  });

  $('<select/>', {
    'class': 'my-new-list',
    html: items.join('')
  }).appendTo('#divId');
});
</script>
于 2012-09-29T10:07:56.243 に答える