JavaScript 获取Select标签选中的项
<select name="select1" id="select1" onchange=setInput()>
<option value="1">FIRST BLOOD</option>
<option value="2">SECOND BLOOD</option>
<option value="3">THIRD BLOOD</option>
<option value="4">FOURTH BLOOD</option>
<option value="5">FIFTH BLOOD</option>
<option value="6">SIXTH BLOOD</option>
<option value="7">SEVENTH BLOOD</option>
</select>
<input id="input" type="text" />
有一个select标签,里面有一些项,把select选中项的文本传递给input,javascript代码如下
<script type="text/javascript"> function setInput(){
var selectcontrol=document.getElementById ("select1");
var text=document.getElementById("input");
for(var i=0;i<selectcontrol.options.length;i++)
{
if(selectcontrol.options[i].selected)
{
text.value=selectcontrol.options[i].text;
}
}
}
</script>
或者可以将选中的值传递过去
text.value=selectcontrol.options[i].value;
另一种方法可以直接将select选中的值传递给text:
<select name="selector" onchange=setInput(this.value)>
<option value="1">FIRSTBLOOD</option>
</select>
<input type="text" id="text"/> <script type="text/javascript">
function setInput(value){
var text=document.getElementById("text");
text.value=value;
}
</script>
JavaScript 获取Select标签选中的项的更多相关文章
- 获取select标签选中状态 的label的值。
<select name="procode" onchange="alert(this.options[this.selectedIndex].text)" ...
- 获取select标签选中的值
js获取select标签选中的值 var obj = document.getElementById(”testSelect”); var index = obj.selectedIndex; var ...
- js获取select标签选中的值[转]
var obj = document.getElementByIdx_x(”testSelect”); //定位id var index = obj.selectedIndex; // 选中索引 va ...
- 使用JavaScript获取select元素选中的value和text
示例代码如下(js直接写在了html里面,没有写在一个单独的外部文件中): <!DOCTYPE html> <html> <head> <meta name= ...
- Javascript获取select的选中值和选中文本(转载)
var obj = document.getElementById(”select_id”); //selectid var index = obj.selectedIndex; // 选中索引 va ...
- js获取select标签选中的值
<p> 城市: <select id="Select1" name="D1"> &l ...
- 获取select标签选中的值的三种方式
var obj = document.getElementByIdx_x(”testSelect”); //定位id var index = obj.selectedIndex; // 选中索引 va ...
- web 开发之js---js获取select标签选中的值
var obj = document.getElementByIdx_x(”testSelect”); //定位id var index = obj.selectedIndex; // 选中索引 va ...
- js获取select标签选中的值及文本
原生js方式: var obj = document.getElementByIdx_x(”testSelect”); //定位id var index = obj.selectedIndex; // ...
随机推荐
- 【原】centos6.5下hadoop cdh4.6 安装
1.架构准备: namenode 10.0.0.2 secondnamenode 10.0.0.3 datanode1 10.0.0.4 datanode2 1 ...
- cobbler常见问题
http://@@http_server@@/cblr/links/CentOS-6.4-x86_64 cobbler cblr/svc 四.配置文件 cobbler有许多的配置文件,但是只有少部分基 ...
- ecshop判断搜索引擎是否为蜘蛛
<?php /** * 判断是否为搜索引擎蜘蛛 * * @access public * @return string */ function is_spider($record = true) ...
- hdu 4742 Pinball Game 3D 分治+树状数组
离散化x然后用树状数组解决,排序y然后分治解决,z在分治的时候排序解决. 具体:先对y排序,solve(l,r)分成solve(l,mid),solve(mid+1,r), 然后因为是按照y排序,所以 ...
- [PWA] 19. Cache the avatars
Cache the avatars is little different from cache photos. We need to serve the page with our cache da ...
- hdu 2222 Keywords Search ac自己主动机
点击打开链接题目链接 Keywords Search Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Ja ...
- Java theory and practice: Thread pools and work queues--reference
Why thread pools? Many server applications, such as Web servers, database servers, file servers, or ...
- Java中获得程序当前路径的4中方法
Java中获得程序当前路径的4中方法: 在Application中: import java.util.*; public class TestUserDir { public static void ...
- Java设计模式01:设计模式的 分类 和 设计原则
一.总体来说设计模式分为三大类: 创建型模式:对象的创建. 创建对象本身是比较耗时的操作,所以我们这里专门找人来帮我们创建对象,我们根据经验总结出来的设计成熟的思路模式. 结构型模式:对象的组成(结构 ...
- 蓝牙代理报错:invalid handle error
错误症状: -(void)peripheral:(CBPeripheral *)peripheral didUpdateNotificationStateForCharacteristic:(CBCh ...