как выбрать strech?

Question

У меня проблема с моим выбором. Значение по умолчанию - "пожалуйста, выберите" ... но есть некоторые варианты, такие как "Размещение и отели" .., поэтому оно больше, чем значение по умолчанию ..., поэтому его не очень хорошо видно в IE. это работает нормально в FF, как я могу это сделать? с CSS или JavaScript? какое лучшее решение? спасибо

ПРИМЕЧАНИЕ: Я хочу растянуть элемент <option>, а не выбрать

Answer 1

ОК, вот решение, которое я выяснил через некоторое время. Он автоматически увеличит размер поля выбора в зависимости от максимальной ширины дочерних параметров.

<script type="text/javascript">
  window.onload = function()
  {
    var elem = document.getElementById('test');
    var values = elem.length;
    var biggest_value = 0;
    var biggest_option = '';

    for(var i = 0; i <= values; i++)
    {
      if (elem.options[i])
      {
        var len = elem.options[i].value.length;
      }

      if (biggest_value < len)
      {
        biggest_value = len;
        biggest_option = elem.options[i];
      }
    }

    document.getElementById('test').style.width = biggest_option.offsetWidth + 'px';

};
</script>

Поле выбора:

<select id="test">
 <option value="Hello">Hello</option>
 <option value="Hello Again">Hello Again</option>
 <option value="Hello Yet Again">Hello Yet Again</option>
</select>

Answer 2

Вы пытались использовать что-то вроде:

select {width:100%}

Это займет полный размер родительского узла.

Answer 3

CSS:

 <style type="text/css">
  .myselect
  {
     width:150px;
  }
 </style>

Примените класс myselect к вашему полю выбора. Также отрегулируйте ширину, если вы хотите от 150.