从下拉菜单中获取所选值-胸腺+弹簧启动
从下拉菜单中获取所选值-胸腺+弹簧启动是一个关于前端开发的问题。下面是一个完善且全面的答案：
在前端开发中，从下拉菜单中获取所选值是一个常见的需求。下拉菜单通常用于提供多个选项供用户选择。当用户选择其中一个选项时，我们需要获取所选值以便进行后续处理。
在HTML中，我们可以使用<select>元素创建一个下拉菜单。每个选项都使用<option>元素表示。例如，下面的代码创建了一个包含三个选项的下拉菜单：
<select id="mySelect">
<option value="option1">选项1</option>
<option value="option2">选项2</option>
<option value="option3">选项3</option>
</select>要获取用户选择的值，我们可以使用JavaScript。通过获取<select>元素的引用，我们可以使用value属性来获取所选值。例如，下面的代码演示了如何获取用户选择的值并将其打印到控制台：
var selectElement = document.getElementById("mySelect");
var selectedValue = selectElement.value;
console.log(selectedValue);在这个例子中，我们首先通过getElementById方法获取了id为"mySelect"的<select>元素的引用。然后，我们使用value属性获取所选值，并将其存储在selectedValue变量中。最后，我们使用console.log方法将所选值打印到控制台。
弹簧启动是一种前端开发中常用的动画效果。它可以使元素在页面加载或交互时以弹簧的方式出现或消失，给用户带来更流畅的体验。
在实现弹簧启动效果时，我们可以使用CSS的transition属性和transform属性。transition属性用于定义元素的过渡效果，而transform属性用于对元素进行变换，例如缩放、旋转或平移。
下面是一个示例代码，展示了如何使用弹簧启动效果使一个元素从透明度为0到透明度为1的过渡：
<!DOCTYPE html>
<html>
<head>
<style>
.spring-start {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.spring-start.show {
opacity: 1;
transform: scale(1.2);
}
</style>
</head>
<body>
<div id="myElement" class="spring-start">这是一个元素</div>
<script>
var element = document.getElementById("myElement");
element.classList.add("show");
</script>
</body>
</html>在这个例子中，我们首先定义了一个CSS类.spring-start，它设置了元素的初始透明度为0，并定义了一个过渡效果。然后，我们定义了另一个CSS类.spring-start.show，它设置了元素的最终透明度为1，并使用transform属性对元素进行缩放变换。
在JavaScript部分，我们通过getElementById方法获取了id为"myElement"的元素的引用，并使用classList.add方法将.show类添加到元素中。这将触发CSS中定义的过渡效果，使元素以弹簧启动的方式出现。
总结起来，从下拉菜单中获取所选值和弹簧启动是前端开发中常见的需求和技术。通过使用HTML、CSS和JavaScript，我们可以轻松实现这些功能，提升用户体验。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云前端开发相关产品：https://cloud.tencent.com/product/webhosting
- 腾讯云弹性伸缩相关产品：https://cloud.tencent.com/product/as
- 腾讯云云原生相关产品：https://cloud.tencent.com/product/tke
- 腾讯云音视频处理相关产品：https://cloud.tencent.com/product/mps
- 腾讯云人工智能相关产品：https://cloud.tencent.com/product/ai
- 腾讯云物联网相关产品：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发相关产品：https://cloud.tencent.com/product/mobiledk
- 腾讯云存储相关产品：https://cloud.tencent.com/product/cos
- 腾讯云区块链相关产品：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙相关产品：https://cloud.tencent.com/product/vr
相关·内容
1回答
我想在Spring Boot (1.5.4)中为jsp页面添加映射。首先，我从在IntelliJ中创建in开始。然后我在pom.xml中添加了几个包。现在，在这个文件中有以下依赖项：
弹簧启动-启动-胸腺
弹簧-启动-启动-web
tomcat-embed jasper
弹簧启动-devtools
弹簧-启动-启动-测试
杰斯特尔
接下来，我创建了一个类来为/login进行映射。
@Controller
public class LoginController
{
@RequestMapping("/login")
public
浏览 3提问于2017-07-17得票数 0
我使用的依赖项：
弹簧启动器
弹簧-启动-启动-测试
弹簧-启动-启动-web
弹簧启动-启动-胸腺
弹簧启动-安全
.extras=‘extras 2’>弹性保障5
mysql-连接器-java
弹簧-启动-启动-数据-jpa
@EnableWebMvc
@Configuration
public class WebMvcConfig implements WebMvcConfigurer {
@Override
public void addResourceHandlers(ResourceHandlerRegistry r
浏览 3提问于2021-02-25得票数 0
我使用弹簧引导为胸腺提供数据。
var list = [(${listStudents})];
listStudents是一个学生列表，在此帮助下，我用HTML填充数据，它工作得很好，但在java脚本中使用胸腺旋律获取相同的列表，在上面的一行中显示了预期的错误。
我将th:inline="javascript“属性添加到HTML中的脚本标记中，如下所示：
<script th:inline="javascript" src="home_script.js"></script>
从昨天开始就想解决这个问题。提前感谢！
浏览 8提问于2021-03-13得票数 1
回答已采纳
我是百里叶菜鸟。我在html/胸腺叶页面中有一个输入字段，当用户单击确认按钮时，我希望将该字段的内容发送给spring控制器(/checkStock)。我正在使用onclick和window.location.href = '@{/checkstock}来调用spring控制器，但是不知道如何将字段的内容传递给spring控制器。
弹簧控制器：
@GetMapping("/checkStock")
@ResponseBody
public String checkStock(@PathVariable String stockId) {
// want to u
浏览 3提问于2021-01-28得票数 0
我有一个问题，或者我可能在Spring中发现了一个bug。我现在不确定。我有一个具有下列依赖项的项目
弹簧启动-启动-胸腺
弹簧-启动-启动-web
弹簧-启动-启动-执行器
春-启动-启动-邮件
弹簧云起动器-总线-amqp
弹簧云启动-配置
春云启动器-尤里卡
我想在Thymeleaf模板中使用messageSource，因此我在application.yml中设置了以下内容：
spring:
messages:
basename: de/mycompany/messages/message
并在上面的包中放置一个message.proper
浏览 4提问于2015-06-05得票数 1
回答已采纳
2回答
我刚决定用弹簧靴和胸腺启动一个小项目。
到目前为止，胸腺网本身看起来很棒，但我的问题是，怎样才是最好的方法，比如layout.html，它带来了页面的基本布局
喜欢
常见css包裹体
常见js包裹体
基本结构(如2/3列布局)
这是围绕单个页面(查看博客文章、视图评论、图片库中的视图图像等)的内容进行包装的，我不需要在所有模板中使用这些常见内容。
到目前为止，我发现的唯一方法是使用片段包含，但我不确定这是否是在当前请求的模板周围获得完整结构的正确方法
就像我如何在模板周围得到一个<div class="content"></div>？
浏览 2提问于2013-11-09得票数 15
回答已采纳
如何在Thymeleaf中的下拉菜单中检索所选的值，并让Spring处理它？
这是我的胸腺密码：
<form style="display:inline-block" th:action="@{/search}"
th:object="${searchOptions}" method="get">
<select id="optionsList" name="optionsListId">
<option th:each="
浏览 3提问于2015-08-04得票数 3
我有胸腺弹簧靴的问题，我的输入是这样的
<input class="-Text" type="text" style="border:none" placeholder="1234567890xx" th:value="${sn}" name="sn"/>
我想要解析输入到我的胸腺叶代码中的值，如下所示
<a id="btnx" th:href="@{/pages/input-order-manual/finish-confirm/?sn=__${sn}__
浏览 2提问于2019-11-05得票数 0
如何从任何自定义管理模块的网格页面中的下拉菜单中获取所选值？(我们希望选定的值显示在网格下(例如，状态下拉菜单-默认情况下显示为已启用))
浏览 0提问于2012-09-24得票数 1
4回答
获取选定选项
、、
我想从下拉菜单中获取所选的选项。我知道我可以使用jQuery(dropdown).val()获得选中的选项。但是我不能用'val‘函数来获取所选的内容。
我做错什么了吗？
浏览 4提问于2014-03-01得票数 0
我有一个如下所示的控制器
@RequestMapping("/getList")
public ModelAndView getNetAllList(@ModelAttribute MYObject myObj) {
//my code here
}
我通过表单提交将此控制器称为
<form name="myForm" th:action="@{/getList}" th:object="${myObjVO}" method="post"
现在我的问题是，即使我删除了@ModelAttribu
浏览 0提问于2018-03-26得票数 1
回答已采纳
1回答
我有一张有键值对的地图。我希望在下拉菜单上显示该键，并将其值发送到服务器，以识别所选内容。
我正在使用Struts2。我尝试将Map放在<s:select>标记list中，但是它显示了下拉列表中的值。
浏览 7提问于2013-12-06得票数 1
回答已采纳
你好，我使用的是spring 2.4.x，我想使用thymeleaf作为我的模板引擎。
我添加了胸腺启动程序，并进行了下面的测试
@Test
void name() {
StringTemplateResolver stringTemplateResolver = new StringTemplateResolver();
SpringTemplateEngine templateEngine = new SpringTemplateEngine();
templateEngine.addTemplateResolver(stringTemplateResolver)
浏览 3提问于2021-05-12得票数 0
回答已采纳
我正在尝试获取所选下拉菜单的文本
我在试着：
$(document).ready(function() {
$("#product_category_id").change(function(){
alert($(this).val())
})
});
另外，如何将下拉菜单的选项设置为特定选项：
$(document).ready(function() {
$("#product_category_id").change(function(){
//set prodcut_prod_type drop down
浏览 1提问于2010-02-15得票数 1
我有一个下拉列表，必须根据所选的选项填充其他几个下拉列表。我找到了一种使用隐藏字段来完成此操作的方法。我为每个子下拉菜单创建了一个隐藏字段及其所有选项。然后，从我的JS函数中，我检查哪个selectedIndex被选中，然后给出它各自隐藏字段的值。
但是，这种方法非常有效，我使用Js函数中的变量ID设置的值。这降低了灵活性。
有没有人知道如何从HTML传递所有参数的其他方法？
最好的方法是所有的下拉列表都在那里，但不显示。更改主下拉菜单时，仅显示相应的子下拉菜单。
有什么想法吗？
浏览 2提问于2010-11-09得票数 0
回答已采纳
聚合物1.0:如何在纸下拉菜单中获得所选项目的值？
我提交了一些信息与铁-ajax，我不能价值(我不想标签)从纸下拉菜单。我的纸下拉菜单的id是“我的菜单”。我试过这样的方法：
this.$.mymenu.selectedItem.value
浏览 0提问于2015-08-26得票数 3
回答已采纳
我有一个下拉菜单的JavaScript，但我不知道如何从其中获取所选值。
<select name="slist" >
<script language="javascript">
var states = new Array("Afghanistan", "Albania", "Algeria", "Andorra", "Angola", "Antarctica");
for (var hi = 0; hi &
浏览 2提问于2013-12-23得票数 0
1回答
我有一个关于加载片段的小问题。
我们在forms框架中动态加载片段，这些片段仅从form bean定义生成带有Java反射的表单。在关闭表单标记被处理(</form>)之后，加载的片段被处理(不知道为什么)。因为我们只携带表单上下文从所选表单的开始标记到结束标记(因为更多的表单可能在同一页上)，所以发生了异常，而加载的片段的处理被胸腺叶延迟。
用于加载片段的代码：
public static List<Node> loadFragment(Arguments arguments, String fragmentName, String fragmentPath) {
浏览 2提问于2013-04-17得票数 1
回答已采纳
我想从由数据库填充的下拉菜单中获取所选的SystemID。我已将下拉菜单命名为"data3"
来自数据库的下拉列表都在工作，它正在显示我的表中的所有SystemID。
代码如下：
<select id ="data3" style="position:relative; top:-70px; left: 3.6%;"
name="data3" class="btn btn-light btn-sm dropdown-toggle">
<option value="SystemID
浏览 0提问于2019-03-04得票数 0
2回答
我正在使用Xml文档中的节点字段填充combobox下拉列表。我让它起作用了。现在，我在组合框的下拉菜单中找到了文本。我希望能够按下“Go”按钮并使用所选文本。请告诉我命令是什么？
浏览 1提问于2009-10-31得票数 2
回答已采纳
1回答
我使用弹簧引导2.6.7与弹簧安全性和胸腺
我把我的偏爱放进去了
资源/静态/
当用户连接时，我只看到图标。
我添加了这段代码以允许所有
@Override
public void configure(HttpSecurity httpSecurity) throws Exception {
httpSecurity.authorizeRequests()
.antMatchers(HttpMethod.POST, "/printdownload**").permitAll()
.antMatchers(
浏览 4提问于2022-06-05得票数 2
我有一个带有下拉菜单的简短表单。我已经用标题选项填充了它，比如Mr、Mrs等。我试图实现的是将所选选项的值存储在变量$title中。
这是我的代码：
<select name="title" id="title" form="titleForm">
<option value="mr">Mr</option>
<option value="mrs">Mrs</option>
<option value="miss
浏览 0提问于2017-04-12得票数 1
在我当前的spring项目中，我正在寻找一种映射字段的方法，就像在我的一个实体中一样：
私有映射属性；
其中，键的类型应该是表示语言的双字符字符串，值的类型应该是长度约为128KB的字符串。
这样，我就可以在数据库中使用如下内容来存储此属性的数据：
<select name="..." multiple="multiple">
<option value="..."> ... </option>
</select>
<textarea name="..."> .
浏览 4提问于2015-02-11得票数 1
2回答
我想要做的是，当从下拉菜单中选择一个项目时，它将显示一个输入框，并在下拉菜单上显示所选的描述，以便将其编辑并更新回数据库，
我不知道如何处理javascript：
下拉代码：
<select name="captionSelect" id="captionSelect">
<?php foreach ($get_images as $image){
echo '<option value="'.$image['id'].'">'.$image[&
浏览 4提问于2011-07-03得票数 0
回答已采纳
2回答
如何使用jQuery获取所选下拉菜单选项中的文本？
我试过了：
var title = $("#selectattribute option:selected").text();
但是我不认为它是有效的..
浏览 0提问于2011-08-22得票数 1
回答已采纳
2回答
我正在建立一个rest国家应用程序的反应，我试图通过一个列表逐个地区过滤。我想用下拉菜单。我尝试使用react，创建一个新的组件，这是我的代码
const DropdownMenu = (props) => {
const options = [
'', 'Africa', 'America', 'Asia', 'Europe', 'Oceania'
];
const defaultOption = options[0];
const ha
浏览 4提问于2021-01-04得票数 0
回答已采纳
3回答
除了按索引号外，有没有办法从使用select实现的下拉菜单中引用所选项目？例如，我想要一个javascript函数，它的功能如下：
if (document.getElementById("My_Select_Menu").selectedIndex.value == "Blue")
{
do something;
}
但是selectedIndex似乎只返回了第一个选定项的引用编号。似乎应该有一种方法来引用所选项目的值，我是不是错过了？
浏览 0提问于2011-09-04得票数 1
回答已采纳
我们有一个Bootstrap 3下拉菜单(标准组件)，并且我们希望以编程方式更改所选项目。我们尝试修改数据选定的属性，但更改不会反映在UI中。
是否有以编程方式修改Bootstrap下拉菜单中所选项目的标准方法？
浏览 2提问于2015-04-14得票数 4
这是一个场景。我有一个填充项目的下拉列表。dropdownlist项包含产品id作为值。现在需要使用rangevalidator来验证要在文本框中填充的数量，其中最大值将根据所选项目的产品id从数据库中获取。(我已经有一个存储的proc来为相应的productid提供最大数量)。如何设置量程验证器的最大值。另外，我使用jquery插件设计下拉菜单，并使用客户端脚本根据产品id显示价格，因为selectindexchanged不会触发。有没有人能解释一下这个问题。
浏览 6提问于2013-04-17得票数 0
我对blade.view中的@foreach有个问题
<SELECT id= "chosen" type="text" class="form-control @error('chosen') is-invalid @enderror" name='chosen' style="width: 300px">
@foreach($tables as $chosen)
<option value="{{ $chosen }}" > {{ $ch
浏览 13提问于2020-11-12得票数 0
回答已采纳
1回答
我正在开发一个弹簧-胸腺TicTacToe游戏。
我想问用户以下问题。
<p>Would you like to configure the symbols you would want to play
with?</p>
<input type ="button" value="Yes" class="btn" name="btn_yes"/>
<input type="button" value = "No" class = "btn
浏览 0提问于2018-04-11得票数 0
我使用spring引导1.5.2，我的弹簧rest控制器如下所示
@RestController
@RequestMapping("/")
public class HomeController {
@RequestMapping(method=RequestMethod.GET)
public String index() {
return "index";
}
}
当我转到时，它会到达我的控制器，但不会返回我的index.html，它位于src/main/resources或src/main/resources/静
浏览 3提问于2017-04-06得票数 11
回答已采纳
3回答
我想在C#中创建一个弹出式窗口，其中将有三个下拉菜单填充数据库中的值，用户将选择的值，并在弹出的值上点击提交按钮，父页面将根据所选的values.how来做更新，有人能帮我吗？
浏览 2提问于2014-01-17得票数 0
我用弹簧引导安全和密钥披风来保护我的应用程序。但是我有普通的web浏览器请求(使用胸腺网模板)和rest请求(没有浏览器和带有@ResponseBody和json格式注释的Controller中的方法)。
从web向导中，我发现keycloak将使用不同的客户端类型进行浏览器请求(例如，公共客户端)和不使用UI reqeust (仅承载)，并且在SecurityConfig.java中的会话是不同的，new RegisterSessionAuthenticationStrategy(new SessionRegistryImpl())和new NullAuthenticatedSessionS
浏览 0提问于2018-05-08得票数 3
我需要找到一些方法来显示下拉菜单，这取决于所选择的将在另一个下拉列表中显示第二层结果。所有数据都将存储在数据库中。欢迎任何其他类似的技术。我目前正在使用mootools，通过php和Mysql。
欢迎任何帮助或想法...
浏览 1提问于2010-03-03得票数 0
回答已采纳
目前，如果我使用ngModel，我可以保存名称conent，如果我使用ngValue，我可以保存内容的值。 但我需要所选下拉菜单的内容和值，请帮助我。 <select [(ngModel)] = "bindingobject.studentId" name= " studentName">
<Option selected = true > Select <option>
<Option *ngFor = " let Stu of StudentEntity " value = " {{S
浏览 19提问于2019-01-08得票数 1
回答已采纳
1回答
我现在使用的是弹簧引导1.3和胸腺。
下面是我的一页：
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Spring Boot and Thymeleaf demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type=&
浏览 3提问于2015-12-05得票数 0
回答已采纳
我有一个包含大约五个选项的下拉菜单和一个可以将其作为表单提交的按钮。我想知道是否可以在onclick中执行验证，这样您就可以对所选的任何选项进行不同的验证。
因此，例如，如果用户选择选项Milk并单击按钮，则onclick将使用方法A进行验证，而如果用户选择了选项Cheese并单击按钮，则onclick将使用方法B进行验证。
目前，我只能让onclick对所选的所有选项使用单个验证。
谢谢你的帮助。
浏览 0提问于2013-07-15得票数 0
我有一个主页，其中包含一个下拉菜单，允许用户选择一个类别，并将显示结果取决于哪个选项是从下拉菜单中选择的。
它目前在更新和显示正确的结果方面很好，但是现在我遇到了一个小问题，我希望下拉列表在所选的类别中保持选中。通常，我会将一行简单的代码放在我的视图中，例如
{{ Form::label('category', 'Category:') }}
{{ Form::select('category', array('option1' => 'Option1', 'option2' => &#
浏览 11提问于2014-11-17得票数 0
回答已采纳
这个问题专门针对Select2 v4
如何获取为Select2下拉菜单选择的Value？
我尝试过以下几种方法：
jQuery('#Dropdown').val()
jQuery('#Dropdown').select2().val()
而且这两种方法似乎都没有给出所选元素的值。在运行此代码时，我已确保有一个选定的项目。
浏览 2提问于2016-07-18得票数 3
1回答
我们都知道声音输出设备可以从
Settings > Sound > Output Device > <Dropdown List>
但是每次我们重新启动PC时，看到所选择的设备都会改变，这是非常令人厌烦的。由于一些奇怪的原因，我的电脑最近默认了我的手机！
我想在我的声音输出设备列表中展示这个新添加的屏幕截图。但我的屏幕截图生成器(基本上，按下键盘上的打印屏幕按钮)只是在下拉菜单显示时不起作用。谢谢你，乌本图。
对于所有其他配置，所选选项存储并在重新启动时应用--但不使用声音输出设备。
那么，是否有一个.conf文件，我可以在其中插入一个受欢迎的输出设备？
浏览 0提问于2021-02-20得票数 2
在我的Spring Boot (2.4.2)应用程序中，在src/main/resources/templates目录中有一些胸腺叶模板。我安装了spring-boot-devtools，它会在代码更改时自动重新加载类。 我希望胸腺叶模板也是自动重新加载时，他们是改变。我尝试将以下内容添加到本地应用程序配置中 spring:
thymeleaf:
cache: false 但它似乎不起作用，即模板只在启动时加载，所以我需要在更改它们后重新启动服务。如何启用Thymeleaf模板的自动重新加载？ 更新 为了回应一些评论:我从IntelliJ IDEA运行了这个应用程序。
浏览 77提问于2021-02-09得票数 2
我是MVC的新手(我是从传统ASP.Net的黑暗面转移过来的)，我知道这更像是一个“为什么这不管用”的问题，但是，作为MVC的新手，我只是想问一些事情是如何实现的--我真的没有任何代码或标记，因为我现在不知道如何实现。
对，举个类比的例子……我有一个表单，其中有一个下拉列表的“窗口小部件”(有工作，感谢所以)…然后还有其他字段(长度/高度/宽度)，它们有“默认值”。
显示表单时，将显示下拉菜单，但L/H/W的表单字段为空/禁用，直到用户从DDL中选择一个。
现在，在子句ASP.Net世界中，您将在"onselectedindexchange“上执行一个PostBack，它将查看所选的项
浏览 1提问于2015-12-02得票数 18
回答已采纳
1回答
我试图从控制器中定义表单的action属性。
这是在我的控制器类中：
model.addAttribute("action", "/signUnique(uClass=" + uClass + ")");
uClass是一个字符串，它包含我想在url中传递的值。这在我的html (胸腺网)文件中：
<form th:action="@{${action}}" method="POST">
我在行动中得到了这个：
/signUnique(uClass=2)
我是新来的胸腺和春季启动，这也是我第一次在堆叠溢
浏览 3提问于2022-04-12得票数 0
我想做两个小小的改变。
var selectedOption = jQuery("#modulesDrop option:selected");
selectedOption.appendTo($("#moduleselect"));
$('option.red').appendTo($("#moduleselect"));
如何将selectedOption从#moduleDrop和#moduleselect中删除。
我有一个类$('opti
浏览 3提问于2012-12-13得票数 0
回答已采纳
1回答
我有一个Spring应用程序，这显然是不规范的。它是Spring，但我不想使用速度，胸腺和其他任何东西。理想情况下，我只使用HTML。然后使用jQuery对REST服务进行AJAX调用，然后使用返回的JSON填充页面。唯一能让它正常工作的方法是将我的html放在/src/resources/templates下，然后为每个页面设置一个@Controller。所以我有：
@SpringBootApplication
public class Application {
public static void main(String[] args) throws Throwable {
浏览 4提问于2015-06-04得票数 15
回答已采纳
4回答
我的页面中有一个下拉菜单，它类似于：
<select id="my_dropdown" name="my_dropdown">
<option value="one">ONE</option>
<option value="two">TWO</option>
<option value="three">THREE</option>
</select>
<i
浏览 1提问于2012-06-14得票数 0
回答已采纳
2回答
我使用jquery从文本文件中填充下拉菜单，它运行良好。但在视觉上，我希望它看起来不一样。
我的下降舱在一个舱里。我想做的是使div本身可点击，以便当您单击它时，下拉菜单选项弹出。当选择一个选项时，div的标签被设置为所选选项的文本。
有什么方法可以使下拉菜单隐藏但仍然有效吗？
浏览 4提问于2014-04-29得票数 3
1回答
我想从HTML下拉菜单中获取所选值。我确实填满了下拉菜单，但需要从"handlebar.html“中获取选定的值来填充我的下一个下拉菜单。如果你能告诉我如何获得值，那就太好了，我真的不关心我是否必须使用javascript或其他什么。感谢您的帮助^^ HTML代码： <!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Getting Started: Serving Web Content</title>
浏览 32提问于2019-12-31得票数 0
回答已采纳
1回答
假设我们有一个带下拉菜单的导航栏，可以选择一个城市。当我们选择一个城市时，我们被重定向到http://Domain/:city，通常导航栏下拉菜单应该显示所选城市的名称，而不是“选择一个城市”。app组件包含导航栏和路由器插座，重定向到显示城市信息的组件。此组件使用ActivatedRoute从URL中获取城市的名称。
-- app.component.ts --
<app-navbar></app-navbar>
<router-outlet></router-outlet>
-- navbar.html--
<ul class=
浏览 1提问于2017-09-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
