1

私は次のhtmlを持っています:

<div class="sk-toolbar-tools-primary">
   <span class="sk-custom-select">
      <select name="music-sort-select" id="music-sort-select">
          <option value="option1">Company 1</option>
          <option value="option2">Company 2</option>
          <option value="option3">Company 3</option>
     </select>
  </span>
</div>

ご覧のとおり、この選択要素は CSS スタイルを使用してスタイル設定されています。AJAX 呼び出しを使用してデータベースから会社を公開し、この Javascript 関数を使用して選択への応答を挿入すると、次のようになります。

 function loadCompanies(){
    var companies= getCompanies();
    var select = document.getElementById("music-sort-select");
    for(var i = 0; i<companies.length; i++) {
        select.options[select.options.length] = new Option(companies[i].name,companies[i].id);
    }

}

どこでgetCompanies()AJAX呼び出しを行っているのか、Javascript関数が正常に動作し、クロムの開発者ツールを使用して公開されたDBからのデータを見ることができますが、選択が機能しなくなり、オプションを開いて表示しません。これは、ページが既に読み込まれた後に新しいオプションが読み込まれたときに、新しいオプションが CSS スタイルを使用していないためだと思います。どうすればこれを整理できますか？

4

2 に答える 2

0

Jqueryを使用して実行でき
ますスタイル、ボタンIDを 指定します

jQuery(function($) {
var $output = $('#output')
  , $style = $('#styles')
  , $button = $('#preview')
;
$ed.val($style.html());
$button.click(function() {
    $style.html($output.val());
    return false;
});
});
于 2012-07-12T16:17:47.873 に答える
0

DOM に新しいものが追加されたとしても、CSS はブラウザーによって即座に適用される必要があります。選択ボックス置換スクリプトを使用して、選択ボックスを CSS でスタイル可能にしていますか?

于 2012-07-12T15:16:52.310 に答える