selectObject.typeは、ドロップダウンリスト（select要素）が１つ選択タイプか複数選択可能タイプかを取得するプロパティ。
構文
取得
var $type = $selectElementReference.type;
戻り値
- １つしか選択できないドロップダウンリストであれば、
select-oneを返す。 - 複数選択可能なドロップダウンリストであれば、
select-multipleを返す。
サンプル
ドロップダウンリストのタイプ：
１つしか選択できないドロップダウンリスト：
複数選択可能なドロップダウンリスト：
サンプルの動作について
- 「１つしか選択できないドロップダウンリスト」ボタンをクリックすると、「ドロップダウンリストのタイプ：」の右横に「select-one」と表示する。
- 「複数選択可能なドロップダウンリスト」ボタンをクリックすると、「ドロップダウンリストのタイプ：」の右横に「select-multiple」と表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function getType( $id ) {
var $elementReference = document.getElementById( $id );
var $type = $elementReference.type;
document.getElementById( "sampleOutput" ).innerHTML = $type;
}
</script>
function getType( $id ) {
var $elementReference = document.getElementById( $id );
var $type = $elementReference.type;
document.getElementById( "sampleOutput" ).innerHTML = $type;
}
</script>
HTML
<p>
<button onclick="getType('sampleA');">１つしか選択できないドロップダウンリスト</button>
<button onclick="getType('sampleB');">複数選択可能なドロップダウンリスト</button>
</p>
<p>ドロップダウンリストのタイプ：<span id="sampleOutput"></span></p>
<p>
１つしか選択できないドロップダウンリスト：
<select id="sampleA">
<option value="選択肢１">選択肢１</option>
<option value="選択肢２">選択肢２</option>
<option value="選択肢３">選択肢３</option>
<option value="選択肢４">選択肢４</option>
<option value="選択肢５">選択肢５</option>
</select>
</p>
<p>
複数選択可能なドロップダウンリスト：
<select id="sampleB" multiple>
<option value="選択肢１">選択肢１</option>
<option value="選択肢２">選択肢２</option>
<option value="選択肢３">選択肢３</option>
<option value="選択肢４">選択肢４</option>
<option value="選択肢５">選択肢５</option>
</select>
</p>
<button onclick="getType('sampleA');">１つしか選択できないドロップダウンリスト</button>
<button onclick="getType('sampleB');">複数選択可能なドロップダウンリスト</button>
</p>
<p>ドロップダウンリストのタイプ：<span id="sampleOutput"></span></p>
<p>
１つしか選択できないドロップダウンリスト：
<select id="sampleA">
<option value="選択肢１">選択肢１</option>
<option value="選択肢２">選択肢２</option>
<option value="選択肢３">選択肢３</option>
<option value="選択肢４">選択肢４</option>
<option value="選択肢５">選択肢５</option>
</select>
</p>
<p>
複数選択可能なドロップダウンリスト：
<select id="sampleB" multiple>
<option value="選択肢１">選択肢１</option>
<option value="選択肢２">選択肢２</option>
<option value="選択肢３">選択肢３</option>
<option value="選択肢４">選択肢４</option>
<option value="選択肢５">選択肢５</option>
</select>
</p>