怎么动态获取select标签的ID值,并数据回填该ID行的数据到另外一个input标签内

小象二号 2018-08-20 11:10:57


@{
Layout = null;
}

<!DOCTYPE html>

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Remartw</title>
<script type="text/javascript" src="~/Content/Main/jiaoben4069/js/jquery-1.9.1.min.js"></script>
<script src="~/content/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="~/Content/jquery.bsgrid-1.37/js/lang/grid.zh-CN.min.js"></script>
<link href="~/Content/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" />
<script src="~/Content/js/combobox.js"></script>@*下拉框插件*@
</head>
<body>
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="col-lg-2 col-md-2 col-sm-2">
<span>出发城市</span>
</div>
<div class="col-lg-9 col-md-9 col-sm-9">
<select id="addressone" onclick="address()" style="height:26px"></select><input type="text" name="Abbreviation" id="AddressAbbrone" />
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="col-lg-2 col-md-2 col-sm-2">
<span>到达城市</span>
</div>
<div class="col-lg-9 col-md-9 col-sm-9">
<select id="addresstwo" onclick="address()" style="height:26px"></select><input type="text" name="Abbreviation" id="AddressAbbrtwo" />
</div>
</div>
<script type="text/javascript">
//下拉框绑定数据库的
appendOption("addressone", "/SalesTicketRun/OnlineBooking/Address");
appendOption("addresstwo", "/SalesTicketRun/OnlineBooking/Address");
</script>

</body>
</html>



我想要点击下拉框,获取选中值的ID,然后将得到的ID的数据库里的值回填到右边的input里面
...全文
750 11 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
&不羁之风& 2019-01-21
  • 打赏
  • 举报
回复
//下拉框绑定数据库的 appendOption("addressone", "/SalesTicketRun/OnlineBooking/Address"); appendOption("addresstwo", "/SalesTicketRun/OnlineBooking/Address"); //多条件搜索 下拉框改变事件 $("#addressone").change(function () { //获取ID var addressone= $("#addressone").val(); $("#AddressAbbrone").val(addressone); }); //多条件搜索 下拉框改变事件 $("#addresstwo").change(function () { //获取ID var addresstwo= $("#addresstwo").val(); $("#AddressAbbrtwo").val(addresstwo); });
lsy999 2018-08-21
  • 打赏
  • 举报
回复
给栏位赋予用户名,传到处理程序就可以了。
Logerlink 2018-08-21
  • 打赏
  • 举报
回复
下拉框的选中事件最好用change事件 至于你说的要获取id的值,可以把select 设计成这样

<select onchange="address(this)">
<option value="1">大庆</option>
<option value="2">康定</option>
</select>

整个流程大致是这样

function address(that){
let id = $(that).val(); //获取id的值
$.ajax({
// 用ajax 获取数据库里面的指定id数据,然后再将数据填充到右边的input里面
})
}
正怒月神 版主 2018-08-21
  • 打赏
  • 举报
回复
引用 9 楼 qq_25219331 的回复:
[quote=引用 8 楼 hanjun0612 的回复:]
https://blog.csdn.net/hanjun0612/article/details/52120636

不用这么麻烦啦 直接viewbag就好了[/quote]
viewbag没试过,不过应该也可以,因为viewbag的底层实现就是viewdata
Vito1993 2018-08-21
  • 打赏
  • 举报
回复
引用 8 楼 hanjun0612 的回复:
https://blog.csdn.net/hanjun0612/article/details/52120636

不用这么麻烦啦 直接viewbag就好了
  • 打赏
  • 举报
回复
其实技术问题基本上全是前端问题。但是看上去好像没学 html/js 应用程序编程基础,就直接学习 asp.net 了。
  • 打赏
  • 举报
回复
找本 html/js 教程看看。看看 <select> 怎样编程。

网上可以学习 w3cschool 的教程。
mirrorspace 2018-08-20
  • 打赏
  • 举报
回复
不明白这是什么要求.简单的讲获取select的值就是 $('#sel').val()
填到input就是$('#input').val(val);
IEEE_China 2018-08-20
  • 打赏
  • 举报
回复
网上找找html、css、js、jquery 的(视频)教程,恶补一下吧
小象二号 2018-08-20
  • 打赏
  • 举报
回复
是啊,跨度比较大,但是时间不够了

62,244

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧