html select 的问题????
 1.两个select 标签 如何选中一个后 禁用第2个select标签且清空选中的值?
2.后台如何获取 select 的val 和text?   
部分代码:
1.      </tr>
                    <tr>
                    <td><select  onchange="mChange(this.options[this.options.selectedIndex].value)" style="width: 220px" name="IDENTITY_TYPE" id="IDENTITY_TYPE" data-placeholder="请选择身份类型"  class="chzn-select" style=" width: 120px; height:40px;">
                    <c:if test="${not empty pd.IDENTITY_TYPE_CODE }"><option>${pd.IDENTITY}(${pd.IDENTITY_TYPE_CODE})</option></c:if>
                    <option value=""></option>
                    <c:forEach items="${uIdenList}" var="uIdenList"><option value="${uIdenList.IDEN_TYPE }">${uIdenList.IDENTITY})</option></c:forEach>
                    </select></td>  
                </tr>
                            <tr>
                    <td><select style="width: 220px" name="JYCD_CODE" id="JYCD_CODE" data-placeholder="请选择教育程度"  class="chzn-select" style=" width: 120px; height:40px;">
                    <c:if test="${not empty pd.JYCD_CODE }"><option>${pd.JYCD}(${pd.JYCD_CODE})</option></c:if>
                    <option value=""></option>
                    <c:forEach items="${uJycdList}" var="uJycdList"><option>${uJycdList.JYCD}(${uJycdList.CODE})</option></c:forEach>
                    </select></td>  
                </tr>

                function  mChange(idenType){
    //选择后执行这里的语句
    var options=$("#IDENTITY_TYPE option:selected");  //获取选中的项

        if(options.val()==1){          //1 学生
            $("#JYCD_CODE ").prop("disabled", true);
        }
        if(options.val()==2){            //2教职工
            $("#JYCD_CODE ").prop("disabled", false);
        }
        if(options.val()==3){            //3 临时人员

}
    };


    2.  后台java代码: 
    PageData pd = new PageData();
        pd = this.getPageData();
        String idenCode = pd.getString("IDENTITY_TYPE");

        idenCode  有值的时候获取的事val的值 没有的时候获取的是text值?
        我想在后台取text的值  怎么搞?
0

1个回答

只能获取value,text你要给select添加onchange事件,将text的内容保存到隐藏控件(hidden)里面

0
showbo
支付宝加好友偷能量挖 回复z183052114: 表单放hidden控件啊,select添加chagne事件设置hidden的值<select onchange="document.getElementById('text').value=this.options[this.selectedIndex].text"......></select><input type="hidden" name="text" id="text"/>,有用记得采纳
2 年多之前 回复
z183052114
z183052114 value值是一样的 但是 text值不同 怎么搞?
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
HTML select下拉框问题解决
HTML select下拉框问题解决nnn问题背景——下拉框用法nhtml代码及运行结果如下所示:nnnnnnn问题阐述n当只有一条下拉选项时,即wordbooksCustomList这个集合中只有一个元素时。选择该下拉选项无法获取到其定义的value值。nnn解决办法nselect标签中的onchange按钮,只有当改变选择项时才能够响应相应的事件并获取到valu
js 特效 html 特效 select自动回答问题
js 特效 html 特效 select自动回答问题
jsp中htmlselect标签的用法
html:select>标签的用法 <html:select property="theChoice"> <html:options collection="choiceLists" property="value" labelProperty="description" /> </html:select>
HTML select处理文字超出宽度自动换行的问题
在select标签style里面添加上rnoverflow: hidden;rnrnrn text-overflow: ellipsis;rnrn white-space: nowrap;rnrn width: 210px;(为)rn除width属性外,顺序不要颠倒哦!
关于html中select选中的问题
我只是一个小菜鸟,最近领导让学习下angularJS的知识,我可以说我没学过html,没学过js么?哈哈,万事开头难。。。n       第一种方法:利用html、controller、 services等文件来实现。n        services里面的是获取的要显示的数据,代码如下:n        n .factory('main',function () {n var mai
记一次HTML->select->option大量数据加载优化
1、问题:当左侧选项过多时,初始化加载缓慢、左右移动缓慢。nnnn nn2、问题原因分析:nn(1)、初始化加载过程原有实现,具体实现如下图nn缓慢原因:频繁进行new Option()、add 操作;nnnselectOption = new Option(itemNames[i], itemNames[i], false, false);nselectOption.title = itemNa...
select标签出现闪退情况
出错页面是采用ajax来刷新网页的,因为我把div的id 写成了和触发页面刷新的控件一样,所以出现了闪退的情况
html select option 选项中数据空格
在使用控件select 时,在判断选项值时,莫名其妙地获取到带着许多空格的值。折腾很久,没有结果。rnrnrn原因:由于格式强迫症,将option 标签换行了,造成傻逼的错误!
讲述下拉框自己的故事——解决html的select(下拉框)宽度问题
我们经常要使用select ,但select的大小会随着内容的大小而变化。很烦人啊。rn网上有人说用层来替代,这个方法是可行的,就是觉得有点麻烦。rn本人喜欢投机取巧。。呵呵rn所以想了个懒办法--用脚本控制rn当select被点击(onclick或者onchange)的时候调用脚本函数改变这个select的width值rn当select失去焦点(onblur)的时候再一次调用脚本恢复这个sele...
htmlSelect.txt
<html:select>生成HTML<select>元素 <html:option>:生成HTML<option>元素 <html:options>:生成一组HTML<options>元素 <html:optionsCollection>生成一组HTML<options>元素
解决HTML select的value值有空格问题
异步请求的时候 发现取select下拉框选中的带有空格的值不完整nn例如:nn  c=&quot; United Kingdom&quot;nnnstr += '&amp;lt;option value=' + c + '&amp;gt;' + c + '&amp;lt;/option&amp;gt;';nn 取出的值为:c=&quot; United&quot;nn 改为:nnnstr += '&amp;lt;option value=&quot;' + c + '&quot;&amp;gt;' + ..
html中select只读显示
n      因为Select下拉框只支持disabled属性,不支持readOnly属性,而在提交时,disabled的控件,又是不提交值的。现提供以下几种解决方案:rn        1、在html中使用以下代码,在select外层加1个span,通过js控制。这种设置的不足之处是IE浏览器兼容,fireFox及其他不兼容..rn rn&amp;lt;span onmousemove=&quot;this.se...
解决div遮挡select的问题
处理层级关系,在select和div的样式中加入z-index属性,比如select中加入style="z-index:0",div中加入style="z-index:1"解决div遮挡select的问题
前端select标签中的文字居中
使用text-align-last:center;就ok了
使用vue-select,从入坑到跳坑
n n n n这几天在学习vue,就想给我的毕设改善一下,使用vue改写邀请管理员界面,涉及到很多复杂的DOM操作,jquery很难执行,如图:nnnnnnn结果展示图nnn我从vue-multiselect用到了vue-select,从vue-tagsinput用到vue-input-tag到vue-tagger再到vue-tagsinput,从Browserify...
select下的option如何调缩进
今遇到一问题,select框使用了text-indent缩进了20pxrnrnrn结果option框无论如何都无法缩进rnrnrn后来才发现   如果在select框用padding-left:20px;rn子元素的option即可完美继承缩进
基于jquery的html select完全自定义化插件
基于jquery的html select完全自定义化插件基于jquery的html select完全自定义化插件基于jquery的html select完全自定义化插件
个性化Select,长宽可自适应
非常推荐的网页美化代码,个性化Select,长宽可自适应。
select让文字居中
rn做手机项目中遇到想让select居中的问题,原以为是无解的。rn看Jquerymobile的时候发现它的select可以居中,于是如下:rn rn&amp;lt;!DOCTYPE html&amp;gt;rn&amp;lt;html&amp;gt;rn&amp;lt;head&amp;gt;rn&amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;rn&amp;lt;style&amp;gt;rnrn.ui-select {rn text-align: c...
多个select 的互斥选择实现
/*rn * 目前不支持狐火 浏览器rn * rn * rn * rn * rn * rn */rnrnrn/******** 声明全局变量 *****/rnvar selectObjects=[];//空的数组,用于构建数组对象rnvar selectArray=new Object();//用于存储临时select的对象数组rn/***rn * 初始化页面时 调用onLoad()r...
<html:select>: 选择默认值
<html:select>: 选择默认值
ios-select.zip
模范 HTML 的 select下拉列表
延迟加载下拉列表内容
rn        在开发过程中经常会遇到延迟加载或联动加载的情况,比如前一个下拉列表决定了后一个下拉列表的内容,这种情况在选择邮寄地址中最为常见。rn        下图就是京东添加收货地址的例子, 后两个select会根据上一个所选的值进行加载和联动:rn        rn        我们仿照上面的例子来实现一个延迟联动加载地区的demo:rn        1.新建一个html页面,其...
<select>中文乱码
在web.config中加入红色行代码即可
IE中,select.innerHTML无法生效的解决办法
有天遇到select动态生成options,页面部分代码如下:rn[code=&quot;java&quot;]rn rn rn rn[/code]rn在FF、chrome均可以使用rn[code=&quot;java&quot;]$(&quot;#act_move_target&quot;).innerHTML = ${folderSelectHTML}[/code]rn 到了IE就不行了,据说是IE的BUG.上网查了一下,其中一种解决...
<select> 中的默认提示,并做验证
下面这段 html 代码,“选择类型”这一行其实是提示用的,类似于placeholder,现在禁止用户选择他rnselect>n option value="">选择类型option>n option value="cat-1">cat-1option>n option value="cat-2">cat-2option>n option value="cat-3">cat
html之获取select的值
<select name="" id="sel-opt">n <option value="+">+</option>n <option value="-">-</option>n <option value="*">*</option>n <option value="/">/</option>n</select>//方法一:n//var o
HTML Select控件的增、删、查、选操作
一个HTML Select控件的使用示例代码,这里记一下,免的以后到处找。
html之select赋值操作
var ruleBoxOptions = ["SUCCESS", "FINISH"];rnvar idSelect = document.createElement("select");rn idSelect.setAttribute("class", "form-control");rn for (var i in indexToName) {rn    idSelect.options[i]
关于下拉框select的样式改进
之前使用bootstrap-vue的框架,发现改变不了她下拉框的宽度。nnnn如图,option宽度过长,UI小姐姐设计的时候,期望option框和select框宽度一致,option文字超出省略号显示,且鼠标移入文字悬浮框显示。nn所以,我就采用了iview的框架书写。nn代码如下:nnHTML:nnnn CSS:nn.opt{nnwidth: 210px !important;nnoverfl...
重写select样式时关于select标签在div标签中的位置问题
在重写select标签样式时,遇到了一个浏览器兼容的问题,其只有谷歌出现了该问题。问题描述如下:用div重写select样式代码如下:nn//div标签样式nn.div-select{n  position:absolute;n  border:3px solid #000;n  top:78px;n  }nn//将select样式清除nn.none-select{n  border:none;n...
解决HTML select控件 disabled 后无法向后台传值的方法
页面提交之前加入如下代码:rn$("[disabled]").each(function() {//移除disable,后台方可取值n if (parseInt($(this).val()) != -1) {n $(this).attr("disabled", false);n }n});rn意思是提交时把disable属性取消掉
html去除select的样式
appearance:none;-moz-appearance:none;-webkit-appearance:none
HTML中获取select选中的option节点
当我们想要获取select标签选中的option值value外,我们还希望获取option标签上的其它值,我们可以这么做:
无限极多选下拉框
项目中用到的,自己写的插件。nnnn没法上传代码= =、直接上代码吧。nnjsnnn/**n * author beanLaun * 使用方法myselecttree = $(dom).zdSelectTree(options)n * options配置参数如下n * {n * data: [],下拉树数据,格式见zdSelectTreeDemo.html中参数n maxHeight:'1...
html select 如何设置高度
 nn只设置了height和width不能显示效果。nn一定要设置bordernn比如   border:1px solid #ccc;nn&amp;lt;select class=&quot;sex&quot; th:value=&quot;*{sex}&quot; style=&quot;width:155px;height:25px;border:1px solid #ccc;&quot; &amp;gt;n        &amp;lt;option value=&quot;&quot;&amp;g
Html(8) - 表单组件:input和select
表单标签:<form> n表单标签式最常用的标签,用于与服务器端的交互<input>:输入标签;用于接收用户输入信息。n其中的type属性指定输入标签的类型。n文本框 text。输入的文本信息直接显示在框中。n密码框 password。输入的文本以原点或者星号的形式显示。n单选框 radio。如:性别选择。n复选框 checkbox。如:兴趣选择n隐藏字段 hidden。在页面上不显示,但在提交时的
html select标签 点击选中事件
html   select标签 点击选中事件onchange=&quot;gradeChange(this.options[this.options.selectedIndex].text)&quot; this.options[this.options.selectedIndex].text  是文本的值this.options[this.options.selectedIndex].value 是value值...
html select标签二级关联
&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;n&amp;amp;amp;lt;html&amp;amp;amp;gt;n &amp;amp;amp;lt;head&amp;amp;amp;gt;nn &amp;amp;amp;lt;script&amp;amp;amp;gt;n //1.创建一个二维数组用于存储省份和城市n var cities = new Array(3);n
HTML可编辑的select
HTML可编辑的select实现原理还是用select和input伪装成的!
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 区块链问题 html学习 java