gpt4 book ai didi

javascript - 如何在选择元素的输入框中仅显示名称,而在下拉列表中显示名称和号码

转载 作者:行者123 更新时间:2023-12-03 07:20:41 25 4
gpt4 key购买 nike

Html5 选择元素应该:

  • 在下拉列表中显示帐户名称和号码。
  • 如果选择了帐户,则框中仅应显示数字
  • 数字应存储在选择时的值中

我在 Chrome 中尝试了下面的代码。选择13111 Receiveables后,输入框中会显示13111 Receiveables

如何修复此问题,以便在选择 13111 Receiveables 后仅显示帐号13111 显示在字段中?

使用 Bootstrap 3、jquery、jquery-ui、ASP.NET MVC4 和 Razor View 引擎。

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
Account number:
<select>
<option label='' value=''></option>
<option value='13111' label='13111 Receiveables'>13111</option>
</select>
</body>
</html>

最佳答案

我修改了@arsho的代码

我相信您正在寻找这个:

HTML:

<body>
<br> Account number:
<select id="account_select">
<option id="optId" label='' value=''></option>
<option value='13111' label='13111 Receiveables'>13111</option>
<option value='13112' label='13112 Receiveables'>13112</option>
<option value='13113' label='13113 Rssseceiveables'>13113</option>
</select>
</body>

JS:

$(document).ready(function() {
$("#account_select").on("change", function() {
$this_value = $(this).val();

$("#optId").text($this_value);
$("#optId").attr("selected",true);


});

});

希望对你有帮助...

关于javascript - 如何在选择元素的输入框中仅显示名称,而在下拉列表中显示名称和号码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36233380/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com