仅使用js选择下拉列值时显示弹出窗口

时间:2012-03-19 07:55:55

标签: javascript jquery forms

我想要一个简单的js脚本,以便在选择下拉列表中的特定选项时显示弹出窗口。选择标记的名称是“ProfileType [0]”

它没有id属性,它包含那些特殊字符。我试图使用jquery,但没有运气。如果选择标记代码不受影响,我希望不添加任何onchange事件。还有一件事它已经有了一个onchange事件。我知道它可能与jquery。你有任何好的代码。

<select name="ProfileType[0]" onchange="window.location.href = "join.php?pid=" + this.value;">
<option value="1">Personal</option>
<option value="2">Professor</option>
<option value="4">Student</option>
</select>

任何帮助都会非常感激。感谢

2 个答案:

答案 0 :(得分:1)

$("select[name='ProfileType[0]']").change(function (){
   if($(this).val() == 1){ // Check if the selected value is 1
    // Create the popup
   };
});

我希望这指向你正确的方向

答案 1 :(得分:1)

使用jQuery:

$(document).ready(function() {
    $('select[name="ProfileType\\[0\\]"]').change(function() {
        if ($(this).val() === "1") {
            alert("Your popup here");
        }
    });
});

演示:http://jsfiddle.net/YVNMK/

你不知道哪个选项是你关心的特定选项,所以我已经选择了第一个。

请注意,使用jQuery附加处理程序不应影响内联onchange,但现有的onchange无效,因为您已尝试在其他双引号内使用双引号 - 更改单引号中的一组或两组双打:

onchange="window.location.href='join.php?pid=' + this.value;"