个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
您好，我想在用户选择下拉列表中的一项时显示文本。默认情况下，页面上显示所有文本，但如果用户从下拉列表中选择一个项目，则只有焦点转到特定文本部分。在代码中，如果我选择“a”项目，则页面焦点将转到“a”项目文本。我不知道如何用 javascript 做到这一点，任何人都可以帮助我。
<html>
<head>
<script type="text/javascript" language="javascript">
function ChangeText()
{
var parm = document.getElementById("mySelection");
document.getElementById('lbltxt').innerHTML = parm.options[parm.selectedIndex].text;
}
</Script>
</head>
<body>
<select id="mySelection" onchange="Return ChangeText();" style="width:30%;">
<option disabled="disabled" selected="selected">Select method</option>
<option value="1">a (new version)</option>
<option value="2">b (old version)</option>
<option value="3">c</option>
</select>
<b><label id="lblid" /></b><br /><br />
<strong id="1">A(For new versions)</strong><br />
In a, This can be done by denying the OPTIONS verb from the HTTP Verb Request Filtering rules in IIS.Following is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML content<br />
<img src="images/1.png" style="float:left;"><img style="float:left;" src="images/arrow_up.png" width="62" height="60">Following is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML content<br />
<br />
<strong id="2">b (For old versions)</strong><br />
for B :<br />
Following is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML content
<img src="images/2.png">Following is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML content<br /><br />
<strong id="3">C</strong><br />
<p style="text-align:justify; font-size:17px;">Following is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML contentFollowing is an example which makes use of .html() and .text(val) methods. Here .html() retrieves HTML content</p>
</body>
</html>
最佳答案
首先，您应该在下拉菜单的 OnChange() 事件中调用 JavaScript 函数然后您可以在所需文本的位置添加标签。您可以为标签设置页面加载(所有项目)的文本。然后，在 javascript 中(下拉列表更改时调用)，您可以根据下拉选择更改标签文本。
在页面加载本身中，您可以根据需要为标签分配值。
function ChangeText()
{
var contentText;
var selectedITem='';
var parm = document.getElementById("mySelection");
selectedITem =parm.options[parm.selectedIndex].text;
if(selectedITem == 'a')
contentText = 'Type What you want for option A'
else if(selectedITem == 'b')
contentText = 'Type What you want for option B'
str='<tr> <td>' + contentText +' </td> </tr>';
$("#test").append(str);
} <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<table id="test">
<tr>
<td width="40%" align="left">
<select id="mySelection" onchange="ChangeText();" style="width: 100%;">
<option disabled="disabled" selected="selected">Select method</option>
<option value="1">a</option>
<option value="2">b</option>
<option value="3">c</option>
</select>
</td>
</tr>
</table>关于javascript - 下拉列表的选定项目在同一页面上显示文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30115846/
26
4
0
我有一个像这样的数组 var resultsArray = [ { name: "BMW", value: "BMW", text: "BMW" }, { name: "Mercedes-Benz",
我正在尝试实现发现的下拉检查列表 here在 ASP.NET ListBox 控件上。它将控件呈现为下拉列表，并应用所有 css。但是，这些选项不是预期的复选框，而是单选按钮。有谁知道为什么当我让它与
如何使用 Javascript 在下拉列表的更改事件中获取先前选择的索引。 最佳答案 不，这是不可能的，但您可以在 onchange 事件中使用一个变量来跟踪之前的选择 示例: var previou
我想使用一个名为 dropdown-check-list 的插件: http://code.google.com/p/dropdown-check-list/ 但是，它的某些功能似乎与谷歌浏览器不兼容
我正在尝试找出如何制作类似于苹果商店的过滤选项的过滤选项。我首先想到的是类似于网站的下拉列表。但xcode中的对象选项上似乎没有它。想知道我应该从哪里开始才能实现这种功能。 和这个类似 http://
我正在尝试为类别创建一个下拉列表。如果这检查没问题，那么它必须是数据库。 型号: 分类 var $hasMany = 'Product'; 产品 var $belongsTo = 'Category'
有六个问题要问用户。如果用户回答了这些问题，我正在尝试制作一个应用程序，该应用程序将确定在右侧使用哪种研究设计的结果。我正在用 python dash 做这个应用程序。我的 Python 代码如下。如
我的问题是我所问问题的延续，请参阅链接。 Load Country/State/City 我已经展开以从数据库加载我的下拉列表，我只需要一种方法在我的第一个下拉列表和第二个下拉列表中连接 onchan
我正在尝试为一家餐厅创建一个内部成本核算电子表格。我重新熟悉了如何创建下拉列表(在本例中用于选择成分)。 当有人选择例如从下拉列表中选择“胡萝卜”，我希望其他字段能够使用另一个电子表格中的成本数据自动
JavaScript/jQuery 新手。我在有序列表中显示了一些数据，如下所示 Data 0 Data 1. Da
我在其中一个主题上发现了这一点: http://jsfiddle.net/GHzfD/357/我想问一下从下拉列表中选择图像后如何提醒(路径)。 $("body select").msDropDow
我使用 JAVA Swing 创建了一个下拉列表。当我选择“跟踪 RCM 的状态:”时，我想在所选选项旁边创建另一个下拉列表。我应该使用 mouseactionlistener 代替吗？我试图完成类似
在 Symfony2 网站中，我尝试制作一个包含 2 个(或 3 个)下拉列表的表单，其依赖关系为国家 > 地区 > 城市。该城市是我正在使用表单编辑的元素的字段。这个想法是根据选择来填充列表。 我已
我正在尝试创建一个菜单来计算 的数量如果列表中的数量超过 5 个，请将其余的移动到下拉列表中。 基本上代码如下所示: Item 1 Item 2 Item 3 Item 4 I
当我点击要安装主题的部门时，当我点击主题时要安装的服务。但当我点击服务时却没有看到问题。我认为对json的描述不准确。你能帮我解决这个问题吗？谢谢。我的 Jquery 代码； /* Select';
我有一个包含两个值的下拉列表:Sponsor 和 Social_Worker。我想要做的是，当选择其中一个时，它会显示一个 div 并隐藏另一个 div，如果选择另一个则反之亦然。我设法使用按钮执行此
我正在创建 2 个下拉列表，第二个下拉列表基于对第一个下拉列表的选择。从mysql数据库中获取数据 索引.php P
我正在尝试使用 JS 创建互斥的下拉菜单。 只能从这 4 个操作系统中选择一个:image 当一个被选中时，其他的应该被禁用。 HTML 部分: Re
首先，我是 java 脚本的新手。我正在开发我的 Web 应用程序，我有一个下拉菜单，其中包含人员列表。使用它我知道如何传递一个人的选定值。但是我如何选择多个值(人名)并将该数据发送到后端实现。是否可
我正在使用 Laravel 框架，并且有两个下拉列表，它们都从数据库表中读取数据， 第一个它从表中读取所有记录并将其填充到选择列表中 这是我的代码: {{Form::select
我是一名优秀的程序员,十分优秀！