js选择一个js下拉框添加值,其他js下拉框添加值怎么和选择js下拉框添加值值相同

09:57 提问
我需要完成一个js功能,就是下拉框选择对应内容后其他内容对应改变!求大神!!
我现在需要完成一个功能 前台js 的
就是点击对应的下拉框 后面的下拉框也会对应改变 并且页面有些东西也会隐藏或者显示, 下拉框里的东西不多,不用在数据库里联动
有对应的例子或者实现方法吗? 求
按赞数排序
select 给option设置value,点击方法里面判断value值实现各种功能
给你一个思路:下拉框级联,就是判断语句,if(a==“b”){c==“d”;}else if(d==“f”){g==“h”;}else if 。。。。。。。等等;
$("#id")........$("#id").
select 添加onchange事件,进行你的级联操作和隐藏控件操作。demo:
现将你要改变的的东西写好,隐藏起来,然后给select绑定onchange事件,每次改变触发,然后得到所获得的值,根据值显示相应的部分
还有就是用switch case比if的速度快,如果值是非String则可以考虑用这个循环
你所说的 级联菜单功能;
用select下拉菜单 激活onchang事件
按你说不需要和数据库进行数据操作,
那你必须在前台构造数据,数据量小的时候很好构造,
但是数据量大的话 不经过数据库这样是不可能的,而且数据多了会导致逻辑混乱
用select下拉菜单 激活onchang事件激发级联事件就行了
隐藏啥的JS很好做了
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐select下拉框如何选中一个指定的值执行一个指定的操作?【jquery吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名:今日本吧第个签到,本吧因你更精彩,明天继续来努力!
本吧签到人数:0成为超级会员,使用一键签到本月漏签0次!成为超级会员,赠送8张补签卡连续签到:天&&累计签到:天超级会员单次开通12个月以上,赠送连续签到卡3张
关注:45,707贴子:
select下拉框如何选中一个指定的值执行一个指定的操作?收藏
&select name='sele' id='sect'&&option value='1'&第一名&/option&&option value='2'&第二名&/option&&option value='3'&第三名&/option&&option value='4'&第四名&/option&&/select&比如说我选中第三名也就是value的值为3的时候,jquery执行一个指定的操作,可以是页面跳转,也可以是改变样式?这个要怎么写,我写了好久都没有想实现,求大神帮忙~~~
千锋jquery 名师荟萃 汇聚html5前沿技术 全栈式教学模式 免费试学两周千锋jquery 0基础20周快速提升,成就html5实战精英 实战教学 学习就业无缝对接!
$("#sect").change(function(){//动作});这样吗?
绑定onchange事件。
改变函数里面,取值,根据值执行不一样的不就行
:selected
登录百度帐号JS实现,,多个下拉框,A下拉框选了的值,其他下拉框都不能有该值,详细见内容 - ITeye问答
小弟的实现逻辑是:
页面加载的时候,addSLT()插入了各个下拉框的option,然后定义一个数组allSelected[],用来记录每个下拉框被选择的值,初始化为"0",同时定义一个数组,将下拉框的HTML内容都记录下来,当用户选择某个下拉框的时候,触发changeOption()函数,调用saveSelected函数,记录当前各个下拉框选择了的值,然后调用reloadSLT()函数,将下拉框全部初始化原始状态,最后执行delOption函数,根据allSelected[]的值,进行删除操作.
初步排错,是delOption()有问题,但是看代码的逻辑好像也没错,求指教!!!
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&
&title&框框&/title&
&style type="text/css"&
vertical-align:
text-align:
width:100%;
width:30%;
width:70%;
width="100%";
text-align:
vertical-align:
border-collapse:
padding:0;
border-collapse:
#mainTBL td{
#rightTBL{
border-left:1
height:180
border-bottom:1
height:100
border-bottom:1
height:250
border-bottom:1
height:250
width:65%;
height:250
border-bottom:1
width:35%;
height:500
border-left:1
border-bottom:1
width:65%;
height:250
border-bottom:1
height:100
border-bottom:1
height:180
height:180
border-left:1
&script type="text/javascript"&
function $(id){
return document.getElementById(id);
var countOption=7;
var countSlt=7;
var i,j,k,p,q,x;
var sltArry = new Array();
sltArry[0]="slt01";
sltArry[1]="slt02";
sltArry[2]="slt03";
sltArry[3]="slt04";
sltArry[4]="slt05";
sltArry[5]="slt06";
sltArry[6]="slt07";
var divArry = new Array();
divArry[0]="div01";
divArry[1]="div02";
divArry[2]="div03";
divArry[3]="div04";
divArry[4]="div05";
divArry[5]="div06";
divArry[6]="div07";
var allSelected = new Array(7);
var optArry = new Array(7);
var tmpOptArry = new Array(7);
function changeOption(id){
saveSelected(id);
reloadSLT(id);
// alert("a");
delOption();
function delOption(){
for(i=0;i&7;i++){
for(j=$(sltArry[i]).options.length-1;j&=0;j--){
for(k=0;k&7;k++){
if(allSelected[k]!=0){
$(sltArry[i]).options[j].outerHTML="";
$(sltArry[i]).options[j].selected=
window.onload=function addSLT(){
for(var i=0;i&7;i++){
for(var k=1;k&8;k++){
var varItem = new Option(k,k);
$(sltArry[i]).options.add(varItem);
for(i=0;i&7;i++){
$(sltArry[i]).options[i].selected=
for(i=0;i&7;i++){
optArry[i]=$(sltArry[i]).outerHTML;
//alert(optArry[i]);
allSelected[i]="0";
function reloadSLT(id){
for(var i=0;i&7;i++){
$(divArry[i]).innerHTML=optArry[i];
//alert($(sltArry[i]).outerHTML);
for(i=0;i&7;i++){
if(id==sltArry[i]){
if($(id).options[i].value==allSelected[i]){
$(id).options[i].selected=
function saveSelected(id){
for(i=0;i&7;i++){
if(id==sltArry[i]){
allSelected[i]=$(id).options[$(id).selectedIndex].
// for(i=0;i&7;i++){
alert(allSelected[i]);
&div id="mainDIV"&
&table id="mainTBL"&
&td id='leftTD'&
&table id="leftTBL"&
&tr&&td id="left01"&图片信息&/td&&/tr&
&tr&&td id="left02"&快速导航&/td&&/tr&
&tr&&td id="left03"&
&div id="div01"&
&select id="slt01" onchange="changeOption('slt01')"&
&tr&&td id="left04"&
&div id="div02"&
&select id="slt02" onchange="changeOption('slt02')"&
&td id="rightTD"&
&table id="rightTBL"&
&table id="rightTOP"&
&td id="right01"&
&div id="div03"&
&select id="slt03" onchange="changeOption('slt03')"&
&td id="right02" rowspan="2"&
&div id="div05"&
&select id="slt05" onchange="changeOption('slt05')"&
&td id="right03"&
&div id="div04"&
&select id="slt04" onchange="changeOption('slt04')"&
&td&&table id="rightMID"&&tr&&td id="right04"&快速导航&/td&&/tr&&/table&&/td&
&table id="rightBTM"&
&td id="right05"&
&div id="div06"&
&select id="slt06" onchange="changeOption('slt06')"&
&td id="right06"&
&div id="div07"&
&select id="slt07" onchange="changeOption('slt07')"&
咋不用一个类库呢,自己写搞得很繁琐。
比如用mootools,可以如下实现:
已解决问题
未解决问题一聚教程网:一个值得你收藏的教程网站
js下拉框select例子
js下拉框select是网页设计与开发中用到非常频繁的一个html元素了,此元素属性比较起input是有一些特殊了,如:select取值,增加值,当前状态都有一些不一样了,下面我们来看一些小编整理的js下拉框select例子
标签:下拉框
更新日期: 17:42:29
1 共 115 条 共 4 页怎么用js 但在下拉框选中时,调用一个函数来给另外一个下拉框,另外的那个下拉框收到后,会显示对应的信息_百度知道
怎么用js 但在下拉框选中时,调用一个函数来给另外一个下拉框,另外的那个下拉框收到后,会显示对应的信息
&selectname=&QQ&&&option&--请选择--&/option&&optionvalue=&1&&1&/option&&optionvalue=&2&&2&/option&&/select&但我选中1或者2时下面的下拉框会自动显示对应的信息(1对应32对应4)...
&select name=&QQ&&&option&--请选择--&/option&&option value=&1&&1&/option&&option value=&2&&2&/option&&/select&但我选中1或者2时 下面的下拉框会自动显示对应的信息(1对应3 2对应4)&select name=&QQ1&&&option&--请选择--&/option&&option value=&3&&3&/option&&option value=&4&&4&/option&&/select&或者有案例的话 也可以发邮箱拜托了。。。好的话会追分+50
答题抽奖
首次认真答题后
即可获得3次抽奖机会,100%中奖。
采纳数:268
获赞数:472
给那个name=&QQ&后边加上id=&QQ&,给name=&QQ1&后边加上id=&QQ1&然后在第一个select上加onchange=&change(this.value);&最后加一个change(num)函数,如下:&script&function change(num){
switch(num)
document.getElementById(&QQ1&).value=&3&;
document.getElementById(&QQ1&).value=&4&;
}}&/script&思路就是在第一个下拉框上加个“变值”动作,然后获取自身值,再根据自身值判断目标下拉框的值,然后让它的值等于那个数字就成了。
采纳数:91
获赞数:246
擅长:暂未定制
你先打开VB,然后先中“ActiveX Dll”工程,然后开始编辑。编完后,保存一般是以“.cls”和“.vbw”保存。这时你选择“文件”菜单,弹出下拉框,选中“生成.dll”选项,它就会在上面弹出一个进度条“正在生成.dll文件”。生成以后是一个有好象齿轮状的图标。如果你要引用,就开一个“标准EXE”工程,然后在“工程”选项中,单击“引用”,找到你刚才的“.dll”的文件名,在前面的复选框中打勾,就可以引用你刚才在那里面写的方法等。 请参考
采纳数:50
获赞数:76
function changeo(){var a=document.getElementById(&QQ&).options.var a1=document.getElementById(&QQ1&).options. if(a==&2&){
document.getElementById(&QQ1&).options.value=&4& }else{
document.getElementById(&QQ1&).options.value=&3& }}
为你推荐:
其他类似问题
您可能关注的内容
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。}

我要回帖

更多关于 js获取下拉框选中的值 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信