在我的任务中，我想从下拉列表中选择一个名称。然后我想在其他div 标签中打印与该名称相关的技术。我不知道该怎么做。我成功地从数据库获取下拉选项的数据。这是我的代码。
candidate name:
<select name="candidate_id" class="form-control" id="can_name" value="<?php echo set_value('candidate_id');?>"palceholder="candidate full name" required>
<option></option>
<?php foreach ($candidate as $r): ?>
<option value="<?php echo $r->candidate_id; ?>"><?php echo $r->candidate_name." "; ?></option>
<?php endforeach; ?>
</select>
</select>
<div class="error"><?php echo form_error("candidate_name");?></div><br>
<div></div><br> <!-- here I want to print technology related to canididate name -->
让我们使用 jQuery 库，因为这将大大简化你想要做的语法。
您可以像这样将其包含在页面中：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
这将拉入库 1.x 分支的最新缩小版本。
然后你需要一个选择。我正要说，让我们在下面使用ex。
无论如何，让我们使用选择，如果不正确，您可以更改它：
<label for="meetingPlace">Meeting place: </label>
<select id="meetingPlace">
<option>Please select</option>
<option>Buckingham Palace</option>
<option>The White House</option>
<option>Mount Everest</option>
</select>
有了这个，你需要挂接到选择的更改事件。你可以在 JavaScript 中执行此操作：
$("#meetingPlace").on("change", function(){
// This code will fire every time the user selects something
})
所有这些所做的只是选择id为"#meetingPlace"的元素，并声明一个匿名函数，每次用户选择不同的东西时都应该运行该函数。
作为这篇文章的最后一步，让我们让JS将用户选择的内容输出到页面。
创建一个 id 为"结果"的div：
<div id="results"></div>
然后在 onchange 回调中添加以下代码：
var selected = $(this).val();
$("#results").html("You selected: " + selected);
这样做是将所选选项元素的值分配给变量，然后相应地设置结果的内部 HTML。