更改选定列表时的下拉列表不起作用
drop down onchange selected list not working?
当我第二次选择相同的选项时,下拉菜单不起作用。这是我的代码:
<html>
<body>
<p>Select a new car from the list.</p>
<select id="mySelect" onchange="myFunction()">
<option value="Audi">Audi
<option value="BMW">BMW
<option value="Mercedes">Mercedes
<option value="Volvo">Volvo
</select>
<script>
function myFunction() {
var x = document.getElementById("mySelect").value;
alert(x);
}
</script>
</body>
</html>
第一次选择任何护理,例如:奥迪,然后它提醒奥迪,再次提醒后选择奥迪,然后没有警报。有人能帮我一下吗?
由于您两次选择相同的选项,因此Dropdown
的selected
对象没有变化。
尝试低于
更新的答案
var dd = document.getElementById('mySelect');
var storeLstSlct = document.getElementById('checkIndx');
var slctdValue = '';
if(dd.selectedIndex == 0)
{
return false;
}else if(storeLstSlct.value == dd.options[dd.selectedIndex].value)
{
storeLstSlct.value = 'garbage';
return false;
}else
{
slctdValue = dd.options[dd.selectedIndex].value;
alert(slctdValue);
storeLstSlct.value = slctdValue;
}
Fiddle在这里
当您尝试选择已选择的项目时,事件为onchange。更改事件不会触发。
你在找这个吗??
添加以下代码
$('option').click(function(){
alert($(this).text());
});
不幸的是,上述方法在"Chrome"中不起作用,请在"Internet Explorer"或"Moziala"中尝试(至少使用IE是因为这个原因:p)
您忘记关闭选项标记,为此,您需要将onclick事件处理程序附加到下拉列表中的所有选项,请参阅以下内容:
var x = document.getElementById("mySelect");
//attach onclick event handlers to options
for (var i = 0; i < x.options.length; i++)
{
if (x.options[i].addEventListener)
{
/*all other browsers*/
x.options[i].addEventListener("click", function() {mysFunction(this)}, false);
}
else if (x.options[i].attachEvent) /*ie < 9*/
{
x.options[i].attachEvent("click", function() {mysFunction(this)});
}
}
//execute my alert box on item select
function mysFunction(elem) {
alert(elem.value);
}
<select id="mySelect">
<option value="Audi">Audi</option>
<option value="BMW">BMW</option>
<option value="Mercedes">Mercedes</option>
<option value="Volvo">Volvo</option>
</select>
使用演示进行更新:http://jsbin.com/hujavalayu/1/edit
我希望这将满足你的要求,请检查链接
在下拉列表中选择相同值时触发事件?
<p>Select a new car from the list.</p>
<select id="ddList" onClick="onSelect()">
<option value="0">Select Me</option>
<option value="List1">List1</option>
<option value="List2">List2</option>
<option value="List3">List3</option>
</select>
<script>
var prevIndex = "";
function onSelect() {
var currIndex = document.getElementById("ddList").selectedIndex;
if (currIndex > 0) {
if (prevIndex != currIndex) {
alert("Selected Value = " + document.getElementById("ddList").value);
prevIndex = currIndex;
} else {
prevIndex = "";
}
}
}
</script>
您应该使用onclick="this.value=null"
并定义您的onchange
,因此,每次您选择任何选项时,它都会清除所选项目,您可以再次选择相同的选项;)。这是示例代码:
$serial_no = 0;
<select id="<?php echo $serial_no++; ?>" onclick="this.value=null" onchange="update_value(this.value,this.id)" class="form-control" required>
<option><?php echo $row['card']; ?></option>
<option>---------</option>
<option>Pending</option>
<option>Deliver</option>
</select>
update_value(item){
alert(item);
}
相关文章:
- 显示基于第一个下拉列表的第二个下拉列表不起作用
- 引导程序的下拉列表不起作用
- 下拉列表不起作用
- JavaScript下拉列表不起作用
- 语义 UI 下拉列表不起作用
- 添加选项卡窗格后引导选项卡下拉列表不起作用
- 嵌套下拉列表不起作用
- 为什么我的动态下拉列表不起作用
- 依赖下拉列表不起作用
- 依赖下拉列表不起作用
- Django和Javascript:依赖下拉列表不起作用
- 更改选定列表时的下拉列表不起作用
- koGrid中嵌入的下拉列表不起作用
- 我的下拉列表不起作用-JS有问题
- 将用户添加到下拉列表不起作用
- 自定义下拉列表不起作用
- Javascript下拉列表不起作用
- 而通过javascript添加行添加下拉列表不起作用
- 引导下拉列表不起作用
- 此引导按钮下拉列表不起作用.但是为什么