Question

我有一张td＆＃39; s表，如下所示，

在这里有3个下拉列表，根据第一个下拉列表显示第二个和第三个下拉列表

示例：当从解决方案下拉列表中选择选项1或选项2时，将显示带有projectslist ID的下拉列表，如果选择了选项3，则会显示带有projectlist ID的下拉列表。

    <td>
        <select name="solutions" id="solutions" style="width:210px;">
            <option value="0" label="--- Select Solution ---" selected="selected">--- Select Solution ---</option>
            <option value="1" label="Option 1">Option 1</option>
            <option value="2" label="Option 2">Option 2</option>
            <option value="3" label="Option 3">Option 3</option>
        </select>
    </td>
    <td width="30px;">&nbsp;</td>
    <td><span style="line-height: 1.5;" id="solution_description">Select appropriate monitoring solution.</span>
    </td>
</tr>
<tr height="80px;">
    <td>&nbsp;</td>
</tr>
<tr>
    <td width="50px;"><strong>Project: </strong>
    </td>
    <td id="projectslist">
        <select name="project" id="project" style="width:210px;">
            <option value="0" label="--- Select a Project ---" selected="selected">--- Select a Project ---</option>
            <option value="1" label="Project 1">Project 1</option>
        </select>
    </td>
    <td id="projectlist" style="display:none;">
        <select name="project" id="project" style="width:210px;">
            <option value="0" label="--- Select a Project ---" selected="selected">--- Select a Project ---</option>
            <option value="2" label="Project 2">Project 2</option>
            <option value="3" label="Project 3">Project 3</option>
        </select>
    </td>

现在，我需要在选择项目时获得警告项目标签

即，当选择了项目1时，我需要提醒you have selected Project 1，如果选择了项目2，那么我需要收到you have selected Project 2等提醒......

所以可以使用Jquery

帮助我

Answer 1

就像听取改变事件一样简单。如果您在5分钟内学会了“Javascript for dummies”的第一章。

使用jQuery：

  $('#solutions').on('change', function(event) {
       alert("This is the value selected in solutions: " + $(this).val());
  });

警报下拉列表使用JQuery选择选项时的标签

1 个答案: