Как изменить ширину выпадающего меню и добавить подсказку для отображения

Question

У меня есть раскрывающийся список, и я хочу изменить его ширину до 150 пикселей. Я также хочу добавить всплывающую подсказку, чтобы при выборе длины текста более 150 пикселей она отображалась с помощью подсказки. Могу ли я привести пример, пожалуйста. После выделения я хочу, чтобы он взял ширину выделенного текста.

<select id="myDropDownList" >
                <option>Loading...</option>
            </select>

Answer 1

, если вы используете Razor engine, тогда вы можете использовать следующие

@Html.DropDownList("yourDropDownId", String.Empty, new { @class = "dropDown"})

и в CSS

.dropDown { width:150px; }

ПРИМЕЧАНИЕ: yourDropDownId долженбыть элементом списка выбора в ViewBag, который должен быть установлен в действии контроллера следующим образом

public ActionResult YourAction()
{
    ViewBag.yourDropDownId = new SelectList(db.Table1, "Id", "Name");
    return View();
} 

ОБНОВЛЕНИЕ

С помощью существующего кода вы можете назначить атрибут классадля выбора тега, как показано ниже

<select id="myDropDownList" title="Please enter 150 characters only" class="dropDown">
    <option>Loading...</option>
</select>

И используйте тот же код выше для dropDown.