个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
如何将下拉列表中的一个值附加到输入框的末尾？特此附上我的代码。我想在收入输入框的末尾附加货币符号[在下拉列表中选择哪个]。
<html>
<head>
<meta charset="UTF-8">
<title> Stack query</title>
<style>
table{
border: 1px solid black;
height:20%;
width:20%;
margin: 5%;
}
table tr td label, table tr td input,table tr td select {
width:100%;
}
</style>
</head>
<body>
<div>
<table>
<tr>
<td><label for="Currency">Currency</label></td>
<td>
<select name="currency" id="currency">
<option value="Select" selected disabled="disabled">Select Currency</option>
<option value="Dollar">$ USD</option>
<option value="Pound">£ GBP</option>
<option value="Euro">€ EUR</option>
<option value="Yen">¥ YEN</option>
</select>
</td>
</tr>
<tr>
<td><label for="Revenue">Revenue</label></td>
<td><input id="Revenue" type="text" required></td>
</tr>
</table>
</div>
</body>
</html>
最佳答案
您可以使用 <span>标记以显示货币符号，如下所示:
$('#currency').on('change', function() {
$('#symbol').text(this.options[this.selectedIndex].innerText.charAt(0));
// or the jQuery version
//$('#symbol').text($(this).find('option:selected').text().charAt(0));
});table {
border: 1px solid black;
height: 20%;
width: 40%;
margin: 5%;
}
table tr td label,
table tr td input,
table tr td select {
width: 80%;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<table>
<tr>
<td>
<label for="Currency">Currency</label>
</td>
<td>
<select name="currency" id="currency">
<option value="Select" selected disabled="disabled">Select Currency</option>
<option value="Dollar">$ USD</option>
<option value="Pound">£ GBP</option>
<option value="Euro">€ EUR</option>
<option value="Yen">¥ YEN</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="Revenue">Revenue</label>
</td>
<td>
<input id="Revenue" type="text" required>
<span id="symbol"></span>
</td>
</tr>
</table>
</div>要更新文本框值本身，请尝试类似的操作:
$('#currency').on('change', function() {
var selected;
var symbols = $(this.options).map(function(option) {
if (this.selected)
selected = this.innerText.charAt(0);
return this.innerText.charAt(0);
}).get();
$('#Revenue').val(function(i, val) {
if (!val) return
return symbols.indexOf(val.slice(-1)) >= 0 ?
val.slice(0, -1) + selected : val + selected;
});
});table {
border: 1px solid black;
height: 20%;
width: 40%;
margin: 5%;
}
table tr td label,
table tr td input,
table tr td select {
width: 80%;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<table>
<tr>
<td>
<label for="Currency">Currency</label>
</td>
<td>
<select name="currency" id="currency">
<option value="Select" selected disabled="disabled">Select Currency</option>
<option value="Dollar">$ USD</option>
<option value="Pound">£ GBP</option>
<option value="Euro">€ EUR</option>
<option value="Yen">¥ YEN</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="Revenue">Revenue</label>
</td>
<td>
<input id="Revenue" type="text" required>
<span id="symbol"></span>
</td>
</tr>
</table>
</div>关于javascript - 如何将下拉列表中的一个值附加到输入框的末尾，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37407877/
25
4
0
我正在更改链接网址以添加 www.site.com/index.html?s=234&dc=65828 我通过此代码得到的是:site.com/&dc=65828 var target="&dc=65
我在编译过程中收到错误: src/smtp.c:208:1: warning: control reaches end of non-void function [-Wreturn-type] 这是相
这是我的 bootstrap/html 代码: Put email 位置正确，但我希望输入字段的大小延伸到 div 末尾。谁能帮帮我？ 最佳答案 只需按百分比指定宽度，如下所示
我正在尝试获取一个像这样的 json 对象: filters = {"filters": myArray}; 并将其附加到 URL 的末尾，使用: this.router.navigate([`/de
这个问题已经有答案了: Remove hash from url (5 个回答) 已关闭 10 年前。 我有一个网站，stepaheadresidents.com ，并且井号 (#) 会自动添加到 u
我有这个代码 $('container a').appendTo('.container'); dzedzdqdqdqzdqdzqdzqdqzdqd Forgot password
为了练习更多 Python 知识，我尝试了 pythonchallenge.com 上的挑战 简而言之，作为第一步，此挑战要求从末尾带有数字的 url 加载 html 页面。该页面包含一行文本，其中有
我对 FS2 很陌生，需要一些有关设计的帮助。我正在尝试设计一个流，它将从底层的 InputStream 中提取 block ，直到结束。这是我尝试过的: import java.io.{File,
我对 FS2 很陌生，需要一些有关设计的帮助。我正在尝试设计一个流，它将从底层的 InputStream 中提取 block ，直到结束。这是我尝试过的: import java.io.{File,
我正在编写一个 ajax 应用程序，并且在 php 脚本中有一个函数: public function expire_user() { $r=array("return"=>'OK');
我正在使用一个QListView，它包装了一个非常简单的列表模型。我想尝试实现类似于某些网页中看到的“无限滚动”的东西。 目前，模型通过最多添加 100 个项目的方法更新(它们取自外部 Web API
运行 cucumber 测试给我以下错误 end of file reached (EOFError) /usr/lib64/ruby/2.0.0/net/protocol.rb:153:in
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
我想知道版本命名的具体作用是什么？ 喜欢 jquery.js?ver=1.4.4 我的意思是如果我使用像这样的 cdn jquery/1.4.4/jquery.min.js?ver=1.4.4但是另一
" data-fancybox-group="gallery" title="">" alt="" /> 在此代码中 echo $prod['item_image_url'];打印存储在我的表中的图像
我目前使用 Wordpress 作为博客平台，但我想更改为使用 Jekyll 来生成静态页面。在 WordPress 上，我的 URL 使用以下格式: /年/月/日/标题 但我想将其重定向到 /年/月
根据docs这应该是不可能的 Regular expressions cannot be anchored to the beginning or end of a token 尽管如此，它似乎对我有
有没有办法创建 dijit 并将其附加到 div 的末尾？假设我有以下代码: Add Person 我在网上找到了以下代码，但这替换了我的“attendants”div: var personCo
我有这段代码: //execute post (the result will be something like {"result":1,"error":"","id":"4da775
我需要一些函数方面的帮助。 我想编写一个插入链表的函数。但不仅仅是中间，如果必须插入前端或末尾，它也必须起作用。 结构: typedef struct ranklist { i
我是一名优秀的程序员,十分优秀！