Question

我在一个不受我控制的网站上有一个Dropdown（select）。但它可以通过javascript，html，jquery..etc进行修改（他们提供了这样做的web applet）

此下拉列表可以标识为ID“Zdd_1”。如果用户在下拉列表中选择“是”，那么我只想要一个警报。当用户导航到页面时。下拉列表可能是“是”或其他一些值，但我不在乎。

只有在下拉状态从任何值变为“YES”时才需要此警报。我不太喜欢jquery和ajax，所以如果这可以简单地完成（意味着只使用javascript）就会很棒。

Answer 1

可以在jQuery的帮助下轻松完成。

$('#Zdd_1').change(function(){
    if($(this).val() === 'yes')
        alert("Hi, I'm alert!");
});

其中 Zdd_1 是select元素的ID。

如果你愿意，当然你只能使用javascript。

使用Javascript：

    function selectChange(element) {
        if (element.options[element.selectedIndex].value == 'Yes')
            alert("Hi, I'm alert!");
    }

HTML：

<select id="Zdd_1" onchange="selectChange(this)">
    <option value="Maybe">Maybe</option>
    <option value="Yes">Yes</option>
    <option value="No">No</option>
</select>

Answer 2

试试这个

    var dropdown = document.getElementById("Zdd_1");
    dropdown.onchange = function(event){
       if(dropdown.value=="Yes"){
         alert("Your message")
       }
    }

或点击此处working demo

Answer 3

更改dropdown后，您可以检查更改后的值是否为"Yes"，如果是，则提醒您需要的文字。

试试这个

HTML

<select onchange="changeddl(this)">
    <option value="Maybe">Maybe</option>
    <option value="Yes">Yes</option>
    <option value="No">No</option>
</select>

的javascript

function changeddl($this)
{
    if($this.value=="Yes")
    {
        alert("Whatever you want to alert!");
    }
}

您可以查看小提琴here

Answer 4

尝试这样的事情：

Demo

您还可以在function活动中致电onchange。

选择下拉列表中的特定值时发出警报

4 个答案: