2016-08-24 8 views
0

Google閉鎖に関する質問があります。私はLIBを使用していGoogleクローズでドロップダウン(追加オプション)を選択するにはどうすればよいですか?

  • goog.base.js
  • goog.dom.js
  • goog.events.Event
  • goog.events.EventTarget
  • GOOG。 ui.MenuItem
  • goog.ui.Select

私はちょうどGoogleの閉鎖で同じことを行うにはどのように

var selectData = { "1": "test 1", "2": "test 2" }; 
var auxArr = []; 
$.each(selectData, function(i, option) { 
    vauxArr[i] = "<option value='" + i + "'>" + option + "</option>"; 
}); 
$('#My selector').append(auxArr.join('')); 

を行うことができますjQueryの上の私のドロップダウンにオプションを追加したいですか?

答えて

0

クロージャにドロップダウンを作成するには2通りの方法があります。ページ上にHTMLオブジェクトを作成して飾り付けたり、JavaScriptで作成してページにレンダリングすることができます。

あなたがレンダリングに使用したいと思うように思えるのアプローチ:

<label id="mySelect">This is my dropdown:</label> 
<script> 
    var mySelect = new goog.ui.Select(); 
    mySelect.addItem(new goog.ui.MenuItem('test 1')); 
    mySelect.addItem(new goog.ui.MenuItem('test 2')); 
    mySelect.render(goog.dom.getElement('mySelect')); 
</script> 

参照:http://google.github.io/closure-library/source/closure/goog/demos/select.html

関連する問題