如何让input的值根据select改变
            <select onchange="detail()" id="iden1"  >
            <option value="1">你好</option>
                 <option value="1">我好</option>
        <option value="1">大家好</option>
                </select>


        <input type="text" name="iden" id="iden" value="" />


            如何实现上面select选什么(你好,我好,大家好)  让下面的input里面就显示什么
0

6个回答

不是回过你了。。onchagne设置啊,独立成函数要传递select对象进去,记得一起采纳了:http://ask.csdn.net/questions/346996

 <select onchange="detail(this)" id="iden1">
    <option value="1">你好</option>
    <option value="1">我好</option>
    <option value="1">大家好</option>
</select>
<script>
    function detail(sel) {
        document.getElementById('iden').value = sel.options[sel.selectedIndex].text;
    }
</script>
0

function detail(){
var val= document.getElementById("iden1").value;
document.getElementById("iden").value=val;
}

0
QQ1510513061
QQ1510513061 回复z183052114: value为什么要一样
2 年多之前 回复
z183052114
z183052114 还是不行 value值一样的话 onchange不好用
2 年多之前 回复
z183052114
z183052114 好了 谢谢 var options=$("#IDENTITY_TYPE option:selected"); var text = options.text(); document.getElementById("IDENTYPE_TYPE_CODE").value=text;
2 年多之前 回复
QQ1510513061
QQ1510513061 回复z183052114: var val= document.getElementById("iden1"); //selectid var index = val.selectedIndex; // 选中索引 var text = val.options[index].text; // 选中文本
2 年多之前 回复
z183052114
z183052114 这样拿到的事value的值 我想显示的事 文本的值
2 年多之前 回复
0


你好
我好
大家好

function detail(){
var val= document.getElementById("iden1").value;
document.getElementById("iden").value=val;
}

0


你好
我好
大家好

0

你好
我好
大家好 value的值和你外面的值一样就行。。发出去就成这样了

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
jquery在改变Select框中的值的同时设置另一个input框的值
$("#goodName").change(function(){n//alert($(this).children('option:selected').val()); 获取select框选中的option的valuenvargoodName=$('#goodName').children('option:selected').val();nvarnum...
jQuery实现当select下拉框内容变化时,input输入框内容随之变化
今天实现了一个功能,当select下拉框中的内容发生变化时,input输入框中的内容随之发生变化,具体实现方法如下://绑定change事件,当下拉框内容发生变化时启动事件n$("#wlms").bind("change",function(){n //设置input输入框可用(初始化是不可用)n $("#wlbh").attr("disabled",false);
根据select选项的值,改变css
根据select选项的值,改变文本框css<!DOCTYPE html>n<html>n<head>n<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>n</head>n<body>n <div class="td1">医保属于:</div>n <select style="width:410px;
如何使一个input跟随另一个input的改变而改变
oninput事件如:html: 序号: &amp;lt;input type=&quot;text&quot; id=&quot;xh&quot;&amp;gt;(也可以直接在行内调用&amp;lt;input type=&quot;text&quot; id=&quot;xh&quot; oninput=&quot;myFunction()&quot;&amp;gt;)列号: &amp;lt;input type=&quot;text&quot; id=&quot;lh&quot; &amp;gt;sc
HTML DOM select options 通过一个下拉框改变另外一个的值
用一个select的值改变另外一个select的值n&amp;lt;!DOCTYPE html&amp;gt;n&amp;lt;html&amp;gt;n&amp;lt;head&amp;gt;n&amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;n&amp;lt;title&amp;gt;W3Cschool教程(w3cschool.cn)&amp;lt;/title&amp;gt; n&amp;lt;script&amp;gt;nvar carsAndModels=
jq select下拉菜单改变时把自身值放到其它元素属性中
select下拉菜单改变时rn同时把本身的值放到其它元素中rn例子:下拉菜单改变时,改变rnnnn n菜鸟教程(runoob.com) nnn n $(document).ready(function(){ n $('.prov').change(function(){ n //alert($(this).children('option:selected').val()); n
vuejs绑定数据到select中,选择option数据后,同步改变下面一个输入框input的值
前言:应公司开发,某小功能的需要,所以初次接触到vuejs,摸索学习中,还不熟练,只是简单分享一些公司开发中遇到的一些问题,有不足的地方欢迎留言讨论。n n一,问题描述:n【当前页面里有一个select框 + 一个input框】n1.ajax请求后台数据,绑定到select下拉单选框中。n2.点击下拉框,选中一栏数据,同时input从没有值变成同步更新到选中的那一栏值。n3.演示效果图
javascript 设置input和select 框只读属性 获取disabled后的值并传给后台
document.getElementById("input").readOnly=true;  //O应大写nnninput只读属性nnnnnn有两种方式可以实现input的只读效果:disabled 和 readonly。n自然两种出来的效果都是只能读取不能编辑,可是两者有很大不同。nDisabled说明该input无效,及其value不会传递给任何程序,比如asp、ph
Vue v-for中的 input 或 select的值发生改变时触发事件
一丶 oninput();nnn&lt;input type="text" id="myInput" oninput="myFunction()"&gt;n&lt;script&gt;n function myFunction() {nn }n&lt;/script&gt;nn二丶onchange();nnn&lt;input class="field" type="text" /&g...
如何根据一个值来动态让select下的option选中
html如下:nn&amp;amp;amp;lt;select id=&amp;amp;quot;test&amp;amp;quot;&amp;amp;amp;gt;n &amp;amp;amp;lt;option value=&amp;amp;quot;0&amp;amp;quot;&amp;amp;amp;gt;请选择&amp;amp;amp;lt;/option&amp;amp;amp;gt;n &amp;amp;amp;lt;option value=&amp;amp;quot;1&am
通过INPUT输入值选择SELECT的值
通过INPUT输入值选择SELECT的值
jQuery怎么根据某个特定的值动态让select下的option选中
这里以默认选中当前月为例:nnHTML:nnnnn&lt;select name="MONAT" id="MONAT"&gt;n &lt;option value="1"&gt;1&lt;/option&gt;n &lt;option value="2"&gt;2&lt;/option&gt;n &lt;option value="3"&gt;3&lt;/option&gt;n...
输入框的联动效果,当输入框内容改变时,其他跟着变化(适合于标签)
n输入框联动效果,即当我改变输入框的值 相应的会有其他地方做出改变 监听事件:keyup  就像写博客添加标签一样 集体代码如下rn $(&quot;#test2&quot;).keyup(function(){//输入框keyup监听事件rn $(&quot;#reciver&quot;).empty();//先把级联的对象置空rn var reciver = $(&quot;#tes...
input获得select的内容并显示在输入框中(可以选中单个值)
html:  &amp;lt;input type=&quot;text&quot; id=&quot;expertIdt&quot; name=&quot;expertIdt&quot; maxlength=&quot;11&quot; class=&quot;form-control  acvs-v-notnull&quot; onchange=&quot;setRuleContent1()&quot; /&amp;gt; &amp;lt;select multiple=&quot;multiple&q
Jquery 根据value值设置下拉列表(select)默认选中项
$("#selIndustyType option[value='1']").attr("selected", "selected");
JQuery(1)---监听input变化并重置select为第一项
1、html代码:<div is="gc-modal-lg" v-bind:meta="{id:'popup_add',title:'新增认证用户',fn:submitAdd}" v-bind:info="formInfo">n <form class="form-horizontal">n <div class="form-group">n <label
input和select设置为不可修改及取消不可修改
1、当需设置input和select显示为只读(不可修改)时,两者有不同的设置方法。rnrn1)input可设置为只读,在其中增加属性readonly=“readonly”;rnrn2)select没有readonly这个属性,不过可以通过disabled=“disabled”进行设置;rnrn3)其中input设置为只读时,仍可提交,而select设置为不可用时,则不可提交。此时可在提交函数中,
js根据select-option的value或者text来选中....等知识点更新
1、js根据select-option的value或者text来选中:nhtml:nn n 律师n 监护人n 亲友n 其他n nnjs将option选中的代码:n$(function(){nn //方法1 根据valuen $("#select1 option[value='4']").attr("selected","selected");nn //方法2 根据textn $("
一个select标签数据改变,另一个select标签数据随之改变
在jsp页面的时候,出现了一个这样的需求。有两个select标签,一个select标签数据变化,另外一个select标签随之变化。 njsp页面代码:<tr id="suppUserId1">n <td><font color="red" style="margin-right:10px">*</font>配送员:</td>n<td class="td2">n <select name="s
[JavaScript]input框输入数据后下面筛选提示数据----封装inputselect.js
关键代码工作中会需要使用到在文本框输入值的时候能够对待选值进行过滤,所以呢对其进行了简单的封装,下面给出部分核心代码 /***************************************n ******************使用说明***************n **************Created by David J********n ****该js
vue中一个关于input输入框select事件的小坑
1、场景n最近公司开发网盘系统时,一个常见的需求。选中文件夹,点击重命名时,input输入框自动获取焦点同时默认选中文字。n一个简单的模拟如下。nn开撸代码如下,设置一个布尔值bl,当bl为true时,禁用输入框,同时去掉输入框的边框,给用户的感觉,此处只是一个普通的span标签。代码如下。n很简单一个功能,Ctrl+S保存代码,打开浏览器,却发现根本没有出现预期效果。nn2、bug产生原因n重新...
select 动态改变显示不同内容
根据select选中显示不同内容
根据select标签的option的value值,切换相对应的内容
&amp;lt;!DOCTYPE html&amp;gt;n&amp;lt;html&amp;gt;n&amp;lt;head&amp;gt;n &amp;lt;meta charset=&quot;utf-8&quot; /&amp;gt;n &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;n &amp;lt;script src=&quot;jquery.min.js&quot; charset=&quot;utf-8&quot;&amp;gt;&
通过select下拉框里的value控制div显示与隐藏
&amp;lt;!DOCTYPE html&amp;gt;n&amp;lt;html&amp;gt;nn &amp;lt;head&amp;gt;n &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;n &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;n &amp;lt;script src=&quot;http://libs.baidu.com/jquery/2.0.0/jque
js中动态变更select为input,以及input的type类型从hidden变为text
今天在项目中用到了动态的将select中的值转化为显示input:如下图所示:rnrnrnrnrnrnrnrnrnrnrnrnrn结果,在开发中遇到了一些问题,在此总结一下,以防下次遇到再浪费时间。rn1、首先,根据部门动态显示员工,当部门选择“输入”的时候,员工的select框需要变为input。rn开发时,当部门选择“输入”后,我把员工的select框隐藏,把员工名称的input框显示。rn2
修改select标签为可输入内容的input标签,同时在首次点击第一个下拉框时也会触发onchange事件
项目中有一块需要一个可以输入信息的下拉框,并且输入信息时动态的显示下拉框的内容, n效果如下: n njavaScript代码: //搜索框n function intellCheckChannel(){n var html = "";n html += '<select name="sel" id="sel" style="width:191px;backg
AngularJS—通过输入的值来改变样式
先看一下效果:rnrnrnrnrnrnrn本次例子实现的是让输入框底下的div,根据用户输入的值来改变颜色。rn先看html代码:rnnnn n angular通过输入的值来改变样式n n nnn n 你想要的颜色是:n {{mystyle}}n nnrn这个例子的要点是通过 class="{{mystyle}}" 将input的输入值赋给class属性,从而实现改变样式的效果。首先我们得先定
根据表单(input)值变化不刷新从服务器端读取数据显示下拉列表
View的代码nn&amp;lt;div id=&quot;community-ajax&quot;&amp;gt;&amp;lt;/div&amp;gt;n &amp;lt;?php $form = ActiveForm::begin(); ?&amp;gt;nn &amp;lt;?= $form-&amp;gt;field($model, 'community')-&amp;gt;textInput() ?&amp;gt;n &amp;lt;div class=&quot;form-g
js 当select 为某个值时,另一个input 设置成必填
需求:设备名称=终端、服务器时,IP MAC 必填nhtml部分:n &amp;lt;tr&amp;gt;n &amp;lt;th width=&quot;80&quot;&amp;gt;设备名称&amp;lt;/th&amp;gt;n &amp;lt;td&amp;gt;n &amp;lt;select name=&quot;sbname&quot; id=&quot;...
修改页面 让下拉列表根据后台值自动选中
    思路:设置隐藏域,并将后台查询到下值赋进去,循环和下拉项的值进行比对,如果相等则自动选中&amp;lt;input type=&quot;hidden&quot; value=&quot;&amp;lt;?php echo $lists['type']; ?&amp;gt;&quot; id=&quot;type&quot; /&amp;gt;循环进行比较: 代码:&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;n
input获得select的内容并显示在输入框中(可以选中多个值)
htlm:js:效果:
根据下拉框 text的值设置选中
从后台取的数据一般在实体类中 n先取出实体类的属性值到隐藏域中 nnnn&amp;lt;input type=&quot;hidden&quot; id=&quot;cardTypeHide&quot; value=&quot;${campusInformation.cardType}&quot;&amp;gt;n&amp;lt;input type=&quot;hidden&quot; id=&quot;partUsableHide&quot; value=&quot;${campusInformatio
select根据数据库传来的值设定默认选中
使用c:if   &amp;lt;option  value=&quot;${p.id}&quot; &amp;lt;c:if test=&quot;${p.id==te.roleID }&quot;&amp;gt;selected=&quot;selected&quot;&amp;lt;/c:if&amp;gt; &amp;gt;${p.roleName}&amp;lt;/option&amp;gt;
实时监听输入框值变化
[size=small](1)使用 jQuery 的话,同时绑定 oninput 和 onpropertychange 两个事件就可以了,代码:[/size]rn[code=&quot;jQuery&quot;]rn$('#username').bind('input propertychange', function() {rn $('#content').html($(this).val().length ...
jquery操作表单案例
包括最常用的表单操作,取值赋值清空,比较实用,比较简单。包括input,textarea,radio,checkbox,select.另外根据select的文本值text来让select选中。
如何阻止修改input里的值
以下两种方式都可以实现:rnrnrnrnrnrn  rnrnrnrnrnrnrnrnrnrndisabled 会让input框变灰,并且把整个框变灰。rnrnreadonly 能正常获取到input框的值,但仍然不可以编辑修改。
使input文本框随输入内容变化长度的方法
转发自:https://blog.csdn.net/superit401/article/details/72473318nn使input的宽度能随着输入的内容而跟着变化,最初用的是change事件,但是change事件要失去焦点之后才会出现效果,但是我要的是能实现边输入边改变宽度的效果。nnpropertychange(属性改变事件):监听input里面的字符变化,该事件不仅仅会监听到input...
编辑的时候给select,radio传值选中
&amp;lt;select id=&quot;selectType&quot;&amp;gt;n &amp;lt;option value=&quot;1&quot;&amp;gt;1&amp;lt;/option&amp;gt;n &amp;lt;option value=&quot;2&quot;&amp;gt;2&amp;lt;/option&amp;gt;n &amp;lt;option value=&quot;3&quot;&amp;gt;3&amp;lt;/option&amp;
layui监听下拉选框选中值变化(包含监听普通下拉选框)
 因为本身layui是有一套自身的监听方式,form.on   当然你是先将select放入&amp;lt;div class=&quot;layui-form&quot;&amp;gt;中,不然都显示不出selectnn里面也有监听普通下拉选框选中值发生改变的方式,直接复制即可nnn&amp;lt;!doctype html&amp;gt;n&amp;lt;html lang=&quot;en&quot;&amp;gt;n&amp;lt;head&amp;gt;n &amp;lt;meta char
【JSP页面】如何根据Select的选项来决定页面input的显示隐藏
【前言】n           项目中有一个需求,需要根据select的选项决定显示或隐藏td。 代码留存一下。n【正文】n           所需前提:n           引入JQueryn           代码:n                        function categorychange(select)n {n $("#i
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 如何让大家学习区块链知识 nlp课程改变

相似问题

1
Angular4中下拉框selected属性与ngValue(value)属性互斥如何解决?
2
关于mysql中sql语句where, select, order by与用户自定义变量的疑问
4
mysql insert into select 后面还可以跟上values么
6
mybatis执行select子查询分页报错
9
mybatis resultType设置为自定义对象时 获取不到id的值。
3
sql语句问题,如何在多表关联下,在重复数据里面,根据某一个唯一的值,sum另一个值的和。
1
在线等!!急!我现在有个select 下面有一个option,两张表,如果我查到了两条就显示两条!
4
急!!怎样用select汇总到以下效果图~万分感谢@!!!!
3
怎么根据select中的id查询出input中的值。
2
select 下拉框,横屏的时候怎么显示
2
三个表,其中一个是中间表,如何把resource_seriall,还有他的id放到一个字段
12
Sql 语句问题:怎样查询一个表内的所有字段中是否包含“XXX”值?
5
select语句和update语句的耗时比较
3
mysql_query()执行select语句,无论能否查询到结果,好像返回值是一样的
2
hive select count(*) 报错,帮忙看看
1
Java nio服务端对同一个消息多次select如何处理
5
form提交后,action中怎么获取select下拉框的选中值
1
求问,如何做一个二级联动的下拉表单(select),每点击一下按钮,表单增加一行。
7
Mysql+SSM select语句问题
1
【在将 varchar 值 '@s_shopid@ int' 转换成数据类型 int 时失败。】