下拉onchange 选择列表不起作用？

Question

当我第二次选择相同的选项时下拉不起作用。 这是我的代码：

<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>

第一次选择任何一个服务，例如：Audi，然后它会提醒Audi，再次提醒后选择Audi则没有任何提醒。 有人可以帮助我这有什么问题吗？

Answer 1

由于您选择了相同的选项两次，因此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;              
}

小提琴在这里

Answer 2

当您尝试选择已选择的项目时，该事件是 onchange 不会触发。

Answer 3

您忘记关闭选项标签，为此您需要将 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>

Answer 4

你在找这个吗？？

添加以下代码

    $('option').click(function(){  
       alert($(this).text());
    });

不幸的是，上述方法在“Chrome”中不起作用，请在“Internet Explorer”或“Mozialla”中尝试（由于这个原因至少使用了 IE :p）

Answer 5

使用演示更新： 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>

Answer 6

您应该使用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);
}

下拉onchange 选择列表不起作用？

问题描述

6 个解决方案

解决方案1
2 已采纳 2014-10-30 05:57:22

解决方案2
0 2014-10-30 05:59:25

解决方案3
0 2014-10-30 06:00:52

解决方案4
0 2014-10-30 06:40:53

解决方案5
0 2014-10-30 07:02:14

解决方案6
0 2019-12-12 03:54:11

下拉onchange 选择列表不起作用？

问题描述

6 个解决方案

解决方案1 2 已采纳 2014-10-30 05:57:22

解决方案2 0 2014-10-30 05:59:25

解决方案3 0 2014-10-30 06:00:52

解决方案4 0 2014-10-30 06:40:53

解决方案5 0 2014-10-30 07:02:14

解决方案6 0 2019-12-12 03:54:11

解决方案1
2 已采纳 2014-10-30 05:57:22

解决方案2
0 2014-10-30 05:59:25

解决方案3
0 2014-10-30 06:00:52

解决方案4
0 2014-10-30 06:40:53

解决方案5
0 2014-10-30 07:02:14

解决方案6
0 2019-12-12 03:54:11