如何以编程方式告诉HTML select下拉(例如,由于鼠标悬停)？
有没有办法使用Javascript(和jQuery)打开一个选择框？
<select style="width:150px;">
<option value="1">1</option>
<option value="2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc arcu nunc, rhoncus ac dignissim at, rhoncus ac tellus.</option>
<option value="3">3</option>
</select>
我必须打开我的选择,因为bug.所有版本的IE(6,7,8)都削减了我的选择.据我所知,这没有css bugfix.目前我尝试执行以下操作:
var original_width = 0;
var selected_val = false;
if (jQuery.browser.msie) {
$('select').click(function(){
if (selected_val == false){
if(original_width == 0)
original_width = $(this).width();
$(this).css({
'position' : 'absolute',
'width' : 'auto'
});
}else{
$(this).css({
'position' : 'relative',
'width' : original_width
});
selected_val = false;
}
});
$('select').blur(function(){
$(this).css({
'position' : 'relative',
'width' : …所以我可以看到select元素的选项,但我需要点击它.如果我想使用某个功能怎么办？当发生某些事情时,应选择此选择元素,表示列表已打开,我可以看到选项.我不希望用户点击选择元素,我想要其他东西来打开它.
我试过的
$("select").select();
$("select").click();
$("select").focus();
有一个select元素,通常如果你想打开它(下拉列表),你点击它.我想要的是打开它,如果我点击一个DIV或其他任何东西.我希望打开此下拉列表,而无需用户单击select元素.
我有一个选择元素如下.我想打开它而无需用户点击它.
<select id="selId" class="pos_fixed">
<option value="volvo">Option1</option>
<option value="saab">Option2</option>
<option value="mercedes">Option3</option>
<option value="audi">Option4</option>
</select>
如果可能使用jquery或javascript,请告诉我
所以我试图让select标签中的箭头成为自定义颜色.例:
<input type="checkbox" class="checkbox1" checked="checked" />
<input type="text" spellcheck="false" size="20" />
<select class="dropdown">
<option value=">">></option>
<option value="<"><</option>
<option value=">=">≥</option>
<option value="<=">≤</option>
<option value="==">=</option>
<option value="!=">≠</option>
</select>
我已经看到很多使用图像的建议,但我不能这样做.也许使用▼▼可能是解决方案的一部分？
有人可以解释一下粘贴的代码有什么问题吗？<a>它会在悬停时显示警报，但不会像我预期的那样执行单击事件，并且单击对标签或标签都不起作用<select>。我的目的是通过触发点击事件来展开悬停时的select元素
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
</head>
<body>
<a id="linkElement" href="www.google.co.uk">click</a>
<select name="cars" id="selectElemet">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
<script>
$(document).ready(function () {
$("#selectElement").mouseover(function () {
$("#selectElement").trigger("click");
});
$("#linkElement").mouseover(function () {
alert('here');
$("#linkElement").trigger("click");
});
});
</script>
</body>
</html>
如何使用jquery在鼠标悬停时展开/打开选择选项以显示选择列表中的所有项目？
<select size="3" id="something">
<option value="1">.1..</option>
<option value="2">.2..</option>
<option value="3">.3..</option>
</select>
Iam试图在调用javascript函数时显示下拉选项.但最终我没有成功.需要帮助这是我的代码:
<script>
function showState(str){
$('#Acntname').trigger('click');
}
</script>
...
<select class="input_panel" id="Acntname" >
<option value="0">Select</option>
<option value="1">Equity Share Capital</option>
<option value="2">Deprication Fund</option> </select>
<input type="text" class="input_panel" id="accountname" onkeyup="showState(this.value)"/>
我使用触发功能打开下拉列表,但它不起作用.