从下拉菜单选项中显示“标题”标签
Show "title" tag from drop-down menu option
<form name="currency select" title="Currency Selector">
<select name="currency" style="background: #2D3A47; no-repeat left center; cursor: pointer; width: 49px; height: 29px; onchange="window.document.location.href=this.options[this.selectedIndex].value;" value="GO">
<option value="" disabled="disabled" selected="selected" none="">$ € £</option>
<option value="/session/currency/usd/" title="US Dollar">USD</option>
<option value="/session/currency/eur/" title="EURO">EUR</option>
我正在使用上面的代码。是否可以从下拉菜单中显示所选选项的title
标签?现在,当我将鼠标悬停在下拉菜单中的某个选项上时,标题会弹出,但我还想在为该特定货币做出选择后在单独的文本区域中显示此标题。我该怎么做?
只需从所选选项中选择 attr 标题并用它填充文本区域即可。假设您的文本区域是带有 id 文本区域的div。您可以这样做:
$('div#text-area').text($('.select').attr('title'));
就是这样。
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<body>
<form name="currency select" title="Currency Selector">
<select name="currency" id="currencyList" value="GO">
<option value="" disabled="disabled" selected="selected" none="">$ € £</option>
<option value="/session/currency/usd/" title="US Dollar">USD</option>
<option value="/session/currency/eur/" title="EURO">EUR</option>
</select>
<textarea id="showTitle"></textarea>
</form>
</body>
<script>
$(document).ready(function()
{
$(document).on('change','#currencyList',function()
{
var result = $("option:selected",this).attr('title');
$("#showTitle").text(result);
});
});
</script>
相关文章:
- 在 php 标题标签中添加日期函数
- 如何在标题标签上显示 JS 变量
- 删除YouTube API标题标签开头的前24个字符
- 如何为这些图像添加标题标签
- “index.swf”嵌入在“index.html”中,在一个页面中显示同一网站两次.HTML 标题标签/属性也显示值“
- 从下拉菜单选项中显示“标题”标签
- 如何从角度控制器隐藏标题标签
- 将标题标签与数据库连接并使其自动刷新,就像在Facebook标题中一样
- 如何使用 jQuery 选择生成的标题标签
- 可以在 HTML 标题标签中设置点击功能
- 如何从标题标签获取 A1 表示法的列范围
- 前几个月的名称为 Leabels(例如 12 月 15 日 11 月 15 日),以代替新标题和新标题 2 标签
- SEO-标题标签后通过JavaScript加载
- JQuery在图像悬停显示标题标签内容,可能的
- 无法使用JS获取标题标签的值
- 动态地从网页中修改标题标签
- 删除ALT标题标签时,没有访问html
- 在标记中找到javascript并确定它是否位于标题标签上方的正确方法是什么?
- 从标题标签获取标题
- 元标签和标题标签的Jinja模板