Javascript 图像选择器不工作_Javascript_Jquery_Html

Javascript 图像选择器不工作

javascript jquery html

Javascript 图像选择器不工作,javascript,jquery,html,Javascript,Jquery,Html,我试图创建一个网站，有一个下拉菜单，允许用户选择一个项目，一个图像将出现一个标题。我似乎不知道该怎么做。我有一个空白的段落标记，将图像附加到文档中 <!DOCTYPE HTML> <html> <head> <title>A JavaScript Template Page</title> <meta http-equiv="Content-Type" content="text/HTML; charset=utf

我试图创建一个网站，有一个下拉菜单，允许用户选择一个项目，一个图像将出现一个标题。我似乎不知道该怎么做。我有一个空白的段落标记，将图像附加到文档中

<!DOCTYPE HTML>
<html>
<head>
    <title>A JavaScript Template Page</title>
    <meta http-equiv="Content-Type" content="text/HTML; charset=utf-8">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
    <p>
        What kind of mood are you in today?
    </p>
    <select name="menu" id="menu"> //dropdown menu
        <option value="1">
            Choose your option
        </option>
        <option value="2">
            Happy
        </option>
        <option value="3">
            Angry
        </option>
        <option>
            Sad
        </option>
        <option>
            Grumpy
        </option>
    </select>
    <p id="img-swap">

    </p>
    <h1 id="captions"></h1>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>

您需要使用jQuery的

change（）

函数来运行该函数

这里有一个精简的工作JSFIDLE供您使用：-我只包含了更改图像所需的代码。您可能需要对其进行一些调整，但这将使您走上正确的轨道。如果您有任何问题，请告诉我。

您需要使用jQuery的

change（）

函数来运行该函数

您的代码中有一些非常明显的错误。以下是我在第一次查看您的代码时可以找到的一些基本功能：

当代码中不存在具有该id的任何内容时，jQuery将在

#selector

上定义。应该是：

<select name="menu" id="selector">

其中，

索引

也是未定义的变量

编辑

我想这差不多就是全部。所有这些问题的解决都会导致这种工作

您的代码中有一些非常明显的错误。以下是我在第一次查看您的代码时可以找到的一些基本功能：

当代码中不存在具有该id的任何内容时，jQuery将在

#selector

上定义。应该是：

<select name="menu" id="selector">

其中，

索引

也是未定义的变量

编辑我想这差不多就是全部。修复它们都会导致此工作

，此“选择器”在哪里？此“选择器”在哪里？

if (index === 0) {