セレクトボックスに"value"と"word"を付け加えたい。

締切済

質問者：ktQ
質問日時：2007/05/19 03:52
回答数：1件

初めての投稿をさせてもらいます。JavaScript初心者な者で解る方がいらっしゃればご教授のほど宜しくお願いします。
質問させてもらいたい事はこちらのソースに"value"と"word"を付け加えることは出来ますでしょうか？
外部ファイルには

/**
* 選択肢クラス
* @param parentValue 親の値(null:いつでも表示)
* @param text 表示テキスト
* @param value 値
* @param style ＣＳＳ(省略可)
*/
function SelectOption(parentValue, text, value, style) {

this.parentValue = parentValue;

this.setOption = function() {
this.text = text;
this.value = value;
if(style) {
this.style.cssText = style;
}
};

return this;
}

/**
* セレクトボックスクラス
* @param id セレクトボックスID
*/
function SelectBox(id) {

/**
* IDに対応オブジェクトを取得
* @return オブジェクトorNULL
*/
function getObject() {
var obj = document.getElementById(id);
if(!obj.options && ( (typeof obj.length) == "number") ) {
if(obj.length > 0) {
obj = obj[0];
} else {
obj = null;
}
}
return obj;
}

// オプションのリスト
var options = [];

/**
* オプション登録
* @param condition 表示条件
*/
this.registOption = function(option) {
options[options.length] = option;
};

// 子のオブジェクト
var child = null;

/**
* 子のオブジェクトを設定する
* @param childObj 子のオブジェクト
*/
this.setChild = function(childObj) {
child = childObj;
};

/**
* オプション反映
* @param parentValue 親の値(null:全部表示)
* ※比較に==を使っているのでundefinedもnullと等しく扱われる。
*/
this.make = function(parentValue) {
var obj = getObject();
if(obj) {
// 選択肢削除
obj.options.length = 0;
// 表示すべき選択肢抽出
var opt = (parentValue != null) ? [] : options;
if(parentValue != null) {
for(var i = 0; i < options.length; i++) {
if( (options[i].parentValue == null) || (options[i].parentValue == parentValue) ) {
opt[opt.length] = options[i];
}
}
}
// 選択肢反映
obj.options.length = opt.length;
for(var i = 0; i < opt.length; i++) {
opt[i].setOption.call(obj.options[i]);
}
// 子のオブジェクトにも連鎖反映
if(child) {
child.make(obj.value);
}
}
};

return this;
}

HTMLファイルには

<html>
<head>
<title>セレクトボックス親子関係</title>
<script type="text/javascript" src="Select.js" charset="Shift_JIS"></script>
<script type="text/javascript"></script>
</head>
<body>
<form>
<select id="sb1" onchange="box2.make(this.value);"></select>
<select id="sb2" onchange="box3.make(this.value);"></select>
<select id="sb3"></select>
</form>
</body>
</html>

となっております。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： yambejp
回答日時：2007/05/19 16:51

wordをつける・・・という意味が説明できないかと。

なにかのオブジェクトに、プロパティをつけたい？？
このソースでwordなるものが参照されているわけでもないですし。
なにをどうしたいのか、どういう結果を導きたいのか
もう少し整理してから再質問してください

この回答への補足

yambejpさん、お返事ありがとうございます。
>なにかのオブジェクトに、プロパティをつけたい？？
はい。CGIで作られた検索エンジンなんですが絞り込み検索に使う為に
このJavaScriptで作られたものが使えないかと思いまして・・
また、自分なりに探してみたんですが3連動するものはこのサンプルしか見付けれなかったんです・・・

補足日時：2007/05/19 21:13

通報する