當從下拉列表中選擇一個特定值時發出警報

我在不受me控制的網站中有一個下拉列表（選擇）。但它可以通過javascript，html，jquery..etc進行修改（它們提供了web applet for這樣做）當從下拉列表中選擇一個特定值時發出警報

該下拉列表可以標識一個ID'Zdd_1'。所有我想要的，如果用戶在下拉列表中選擇「是」，那麼只有一個警報應該來。當用戶導航到頁面時。下拉可能是Yes或其他值，但我不在乎。

只有當下拉狀態從任何值變爲「YES」時，我才需要此警報。我對jquery和ajax沒有太多的瞭解，所以如果這可以簡單地完成（意思就是使用javascript），那就太好了。

2014-01-14 Sankalp

出示了一下你的代碼。你試過什麼了？ –

請在下面查看我的答案。 –

試試這個

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

或點擊這裏working demo

來源

2014-01-14 09:13:43

簡單，容易和乾淨....它的工作..雖然我沒有嘗試其他答案... – Sankalp

簡單但使用正常的JavaScript，嘗試實現像jquery等新技術... –

@ReNiShAR它很簡單，因爲Sankalp在他的問題告訴我們，他是JavaScript的新，所以我把一個簡單的方法。 –

它可以很容易地完成與jQuery的幫助。

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

其中Zdd_1是用於選擇元件的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>

來源

2014-01-14 09:00:31

首先，我不確定val是否是正確的函數，其次是op說「只是javascript」，我不認爲jQuery是一個選項 – Alex

OP說「但它可以通過javascript，html，** jquery **修改。等等」。而'val（）'似乎是正確的解決方案。 –

這是簡單的可能在JavaScript中，那麼爲什麼使用jQuery這個簡單的任務。 –

論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

來源

2014-01-14 09:02:44

嘗試是這樣的：

Demo

您還可以致電functiononchange事件。

來源

2014-01-14 09:08:07

當從下拉列表中選擇一個特定值時發出警報

回答

相關問題