在另一个 DIV 元素中显示所选值
Display the selected value in another DIV element
我要求用户选择他/她的性别。稍后,我想在另一个<div>
元素中显示选定的性别,如下所示。我该怎么做?
<div id="v1">
<table>
<tr>
<td>Male or Female</td>
</tr>
<tr>
<td align="left">
<select id="gender" name="gen">
<option>Male</option>
<option>Female</option>
<option>Do not wish to specify</option>
</select>
</td>
</tr>
</table>
</div>
现在我需要在另一个<div>
中显示所选值:
<div id="v2">
<h2>I WANT TO DISPLAY THE SELECTED VALUE HERE</h2>
</div>
如果您使用的是 jQuery,请尝试此代码。
$("#gender").change(function() {
$("#v2 h2").html($(this).val());
});
演示
试试这个:
$(function () {
$("#selection").on("change", function () {
var text = $(this).find('option:selected').text();
$('#v2 h2').text(text);
});
});
在这里演示
要同时获取值,请执行以下操作:
$(function () {
$("#selection").on("change", function () {
var text = $(this).find('option:selected').text();
var value = $(this).val();
var string = 'Text: '+text+' - Value: '+value;
$('#v2 h2').text(string);
});
});
在这里演示
$(document).ready(function() {
$('#contact-location').change(function(){
var location = $(this).val(),
div = $('#' + location);
var txt=$('#txtfiled11').val();
div.append(txt);
$('.hide').hide();
div.show();
});
});
另一个演示
使用文本字段值更新小提琴演示3
用
$("#dropdown").prop("disabled", false);
相关文章:
- bootstrap消除模态并显示另一个模态
- 如果显示另一个折叠的图元,如何隐藏该图元
- Javascript:当这个单词被点击5次时,下面会显示另一个单词
- 如何使用引导程序显示另一个导航栏而不是下拉菜单
- 通过点击隐藏DIV,并通过JavaScript显示另一个DIV
- 如何使一个按钮在单击时显示另一个按钮
- 角度 ui-select 绑定到一个属性,但向用户显示另一个属性
- 基础 4 - 图像滚动以显示另一个图像
- 一个 iframe 上的按钮以显示另一个 iframe
- 在当前选项卡中按下按钮时显示另一个选项卡
- 如果背景图像不存在,则在角度中显示另一个背景
- 在加载备用图像时显示另一个图像
- 使用 Jquery 显示另一个 Div 中的动态 Div 数
- 如何隐藏一个锚标记并在同一位置显示另一个锚标记
- 显示一个图像,然后使用 HTML 显示另一个图像
- 如何隐藏和显示另一个选择选项栏的选择选项
- 验证表单,然后使用 jQuery 显示另一个隐藏表单
- Vaadin 日历:如何在事件单元格上显示另一个属性
- 如何确保提交表单时未显示另一个(新)页面
- 选择框根据所选内容显示另一个