当只使用js选择下拉值时，显示一个弹出窗口

Show a popup when a dropdown value is selected with only js

本文关键字：显示 一个 窗口 js 选择      更新时间：2023-09-26

当从下拉列表中选择特定选项时，我想要一个简单的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>

如有任何帮助，我们将不胜感激。感谢

使用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;"

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

我希望这能让你朝着正确的方向

相关文章：