javascript - 選択ボックスで長いテキストを非表示にし、オプションとして表示するときに折り返す方法

Question

選択ボックスで長いテキストを非表示にし、オプションとして表示するときに折り返すにはどうすればよいですか?

基本的に、選択ボックス内のオプションに長いテキストがある場合、それは表示されるべきではありませんが、選択ボックスのオプションを見るときに表示されるべき、より多くのテキストがあることを示す何らかの表示または記号が必要です。

では、選択ボックスで長いテキスト オプションを管理する JavaScript はありますか?

Answer 1

この機能を試してください：

// shorten_options( selectElement[, max_length] );
function shorten_options(elem, max) {
    var options = elem.options, op, i;
    max = max ? max - 3 : 7;
    for (i = 0; i < options.length; i += 1) {
        op = options[i];
        if (op.textContent.length > max) {
            op.textContent = op.textContent.substring(0, max) + '...';
        }
    }
}

「選択」要素と最大長を渡すだけです。

selectedIndex をチェックして値を覚えておくことで、これを好みに合わせて変更できます。