CHIE q12145505497
by
maRk
2015-12-28 [2015/12/28 22:00:48]
-
/*
* @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 です。