如何使用 jquery 在每次点击时获取下拉框值答案

【问题标题】：How can i get dropdown box value on every click using jquery如何使用 jquery 在每次点击时获取下拉框值
【发布时间】：2018-04-19 08:55:09
【问题描述】：

我有一个下拉框。我想通过单击选项或 onchange 来获得该值。示例：如果我一个人连续两次选择任何值，我不会只获得第一次获得的值。

如何在每次点击选项时获得价值？

js:

$("#ddrp1").on("change", function() {
 alert(this.value); 
});

HTML：

<select id="ddrp1">
<option value="">Select an option</option>
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>
<option value="Option 3">Option 3</option>
<option value="Option 4">Option 4</option>
<option value="Option 5">Option 5</option>
</select>

JSfiddle:http://jsfiddle.net/LwwFL/309/

【问题讨论】：

你的代码有什么问题？当我看到你的小提琴时，你会在改变时获得选项的值。 span>
If i select any value continously two times onebyone i am not getting the value fist time only i am getting，那是因为当你第二次选择相同的选项时，change事件不会被触发，因为选项没有改变
只改变了一次..请再次点击相同的值..你不会得到。检查一下
Sudhir Bastakoti：- 你理解正确。但我也需要第二次的价值..怎么做？ bcoz 每次我想调用其他事件时
可能重复Run change event for select even when same option is reselected

标签： javascript jquery html

【解决方案1】：

这是您的解决方案还是在选择值未更改时（单击相同的选项）：

$("#ddrp1").mouseup(function() {
    var isOpen = $(this).data("isopen");

    // only when mouseup event is called and select is still open
    if (isOpen) {
        alert($(this).val());
    }

    $(this).data("isopen", !isOpen);
});

JSFiddle：https://jsfiddle.net/benjib/q42tj0bw/

【讨论】：

【解决方案2】：

试试这个，它对我有用

html:-

 <select id="ddrp1" class="form-control" onchange="DemoEvent(this.value)">
        <option value="">Select an option</option>
        <option value="Option 1">Option 1</option>
        <option value="Option 2">Option 2</option>
        <option value="Option 3">Option 3</option>
        <option value="Option 4">Option 4</option>
        <option value="Option 5">Option 5</option>
    </select>

javascript:-

 var array = [];
    function DemoEvent(val) {
        array.push(val);
        for (i = 0; array.length > i;i++){
            if (array[i] != val) {
                alert();
            }
        }        
    }

【讨论】：

【解决方案3】：

只需将 onchange 更改为 on click jsfiddle

<select id="ddrp1">
    <option value="">Select an option</option>
    <option value="Option 1">Option 1</option>
    <option value="Option 2">Option 2</option>
    <option value="Option 3">Option 3</option>
    <option value="Option 4">Option 4</option>
    <option value="Option 5">Option 5</option>
</select>

$("#ddrp1").click( function() {
   alert(this.value); 
});

【讨论】：