CHIE q12145505497

    @@ -58,7 +58,6 @@ }, 100); function showValue(obj) { var option = obj.options; - // console.log(opt); var value; // /* If use selectedIndex */ // value = obj.options[obj.selectedIndex].value;
  • /*
     * @title CHIE q12145505497
     * @description 
     * @include http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q12145505497
     * @license MIT License
     * @require 
     */
    (function (d) {
      // CREATE ELEMENT
      // This is not a general-purpose  
      var c_elements = function (el, attr, inner) {
        var element;
        if (el !== null || attr !== null) {
          element = d.createElement(el.toLowerCase());
          if (attr) {
            for (var key in attr) {
              element.setAttribute(key, attr[key]);
            }
          }
        }
        if (typeof inner === 'string') {
          element.innerHTML = inner || '';
        } else if (typeof inner === 'object') {
          element.appendChild(inner);
        }
        return element;
      }
      var selectVal = [
        'ABC',
        'DEF',
        'GHI',
        'JKL'
      ];
      var select = c_elements('select', {
        'id': 'mySelect_12145505497'
      });
      for (var i = 0; i < selectVal.length; i++) {
        var val = c_elements('select', {
          'value': selectVal[i]
        });
        select.appendChild(c_elements('option', {
          'value': selectVal[i]
        }, selectVal[i]));
      }
      var myForm = c_elements('form', {
        'action': '#',
        'id': 'myForm_12145505497'
      }, select
      );
      if (!d.getElementById('myForm_12145505497')) {
        d.body.insertBefore(myForm, d.body.firstChild);
      }
      setTimeout(function () {
        var sel = d.getElementById('mySelect_12145505497');
        sel.addEventListener('change', function () {
          showValue(this)
        }, false);
      }, 100);
      function showValue(obj) {
        var option = obj.options;
        var value;
        // /* If use selectedIndex   */
        //  value = obj.options[obj.selectedIndex].value;
        for (var i = 0; i < option.length; i++) {
          if (option[i].selected) {
            value = option[i].value;
            break;
          }
        }
        alert(value);
      }
    })(document);
  • Permalink
    このページへの個別リンクです。
    RAW
    書かれたコードへの直接のリンクです。
    Packed
    文字列が圧縮された書かれたコードへのリンクです。
    Userscript
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

  1. 2015/12/28 22:00:48 - 2015-12-28
  2. 2015/12/28 21:57:38 - 2015-12-28