Javascript 当我们再次选择所选选项时,如何在所选选项上激发事件 当我选择选项“2”时,它会打开bootstrap-modal.so第一次 它将打开模式。现在选项“2”已被选中。现在我再次点击 关于选项“2”。它不会触发任何更改事件所以,我的引导 modal未打开。因为我在change中编写了逻辑 事件 那么,如何在选定选项上触发更改事件
尽管有Javascript 当我们再次选择所选选项时,如何在所选选项上激发事件 当我选择选项“2”时,它会打开bootstrap-modal.so第一次 它将打开模式。现在选项“2”已被选中。现在我再次点击 关于选项“2”。它不会触发任何更改事件所以,我的引导 modal未打开。因为我在change中编写了逻辑 事件 那么,如何在选定选项上触发更改事件,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,尽管有更改事件触发上的模式,单击选择选项的事件 $('select option').on('click',function(){ $("#modelId").modal('show'); }); 你也可以使用模态函数 $('select option').on('click'function(){ $('modelId').modal('show'); }); 使用默认值选项创建选择 <select id="slt"> <option valu
更改
事件触发上的模式,单击选择选项的事件
$('select option').on('click',function(){
$("#modelId").modal('show');
});
你也可以使用模态函数
$('select option').on('click'function(){
$('modelId').modal('show');
});
使用默认值选项创建选择
<select id="slt">
<option value="default">Select Something</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
但这将使选择始终显示为“选择某物”
这是一个演示:
我找到了另一种解决办法,比我的好
它使用selectedIndex
在焦点上重置所选值,无需使用defaultValue选项,并在单击后显示所选选项
这是评论中的演示:你可以分享你已经做过的事情吗?你可以使用“单击”事件,因为所选选项不会触发“更改”。当你选择“选项2”并将其更改为“选项2”时,根本没有更改,因此更改事件不会触发。似乎选项元素无法处理单击事件。
var $slt = $('#slt'),
defaultValue = 'default';
function handleChange(e){
var val = $slt.val();
// do nothing for defaultValue being selected
if (val === defaultValue) {
return;
}
// do something else
console.log(val);
// reset the value to defaultValue
$slt.find('option:selected').prop('selected', false);
$lst.find('option').eq(0).prop('selected', true);
}
$slt.bind('change', handleChange);