コンボボックス例

google closure 
<html>
<head>
  <title>goog.ui.ComboBox</title>
  <script src="../base.js"></script>
  <script>
    goog.require('goog.ui.ComboBox');
  </script>
  <link rel="stylesheet" href="css/menus.css">
  <link rel="stylesheet" href="css/combobox.css">
</head>
<body>
  <h1>コンボボックス例</h1>

  <input type="hidden" id="vv" value=""/>

  <div id="combo1" class="use-arrow"></div>

  <script type="text/javascript">
  var cb = new goog.ui.ComboBox();
  cb.setUseDropdownArrow(true);
  cb.addItem(new goog.ui.ComboBoxItem('Windows7'));
  cb.addItem(new goog.ui.ComboBoxItem('iMac'));
  cb.addItem(new goog.ui.ComboBoxItem('Linux'));
  cb.addItem(new goog.ui.ComboBoxItem('超漢字'));
  cb.addItem(new goog.ui.ComboBoxItem('iPhone'));
  cb.addItem(new goog.ui.ComboBoxItem('Windows mobile'));
  cb.render(goog.dom.getElement('combo1'));

  goog.events.listen(cb, 'change', function(e) {
    var attrs = { 'value': e.target.getValue()};
    var res = goog.dom.setProperties(document.getElementById('vv'), attrs);
  });

  window.onbeforeunload = function() {
    cb.dispose();
  };
  </script>


  <input type="button" onClick="alert(document.getElementById('vv').value)" value="hiddenの内容チェック" />

</body>
</html>