Javascript 选择“选择”选项时显示文本。如何做?
我试着用HREF和ID来做。这不是我真正需要的 我需要这样:Javascript 选择“选择”选项时显示文本。如何做?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试着用HREF和ID来做。这不是我真正需要的 我需要这样: div.selectcountry{ 边缘底部:10px; 字体系列:arial; 字体大小:12px; } 乡村部分区{ 字体系列:arial; 字体大小:12px; } 选择您的国家: 俄罗斯联邦 中国 塔吉克斯坦 这里应该有一个文本,具体取决于选择哪个国家。 -俄罗斯部门:+7(000)000 -中文系:+86(000)000 -塔吉克斯坦部门:+992(000)000 您必须添加类,以便能够跟踪更改的选择: <div
div.selectcountry{
边缘底部:10px;
字体系列:arial;
字体大小:12px;
}
乡村部分区{
字体系列:arial;
字体大小:12px;
}
选择您的国家:
俄罗斯联邦
中国
塔吉克斯坦
这里应该有一个文本,具体取决于选择哪个国家。
-俄罗斯部门:+7(000)000
-中文系:+86(000)000
-塔吉克斯坦部门:+992(000)000
您必须添加类,以便能够跟踪更改的选择:
<div class="selectcountry">Choose your country:
<select class="selcountry">
<option value='1'>Russia</option>
<option value='2'>China</option>
<option value='3'>Tajikistan</option>
</select>
</div>
<div class="countrydepartment">Here should be a text dependingly on which country is chosen.
<div id='countrycontacts'></div>
</div>
您必须添加类,以便能够跟踪更改的选择:
<div class="selectcountry">Choose your country:
<select class="selcountry">
<option value='1'>Russia</option>
<option value='2'>China</option>
<option value='3'>Tajikistan</option>
</select>
</div>
<div class="countrydepartment">Here should be a text dependingly on which country is chosen.
<div id='countrycontacts'></div>
</div>
用户jQuery的更改事件侦听器
$('.selectcountry select').change(函数(){
country=$(this.val();
//重置
$('.countrydepartment span').removeClass('active');
//显示当前国家部门
$('.countrydepartment span[country=“'+country+'“]”)addClass('active');
});代码>
div.selectcountry{
边缘底部:10px;
字体系列:arial;
字体大小:12px;
}
乡村部分区{
字体系列:arial;
字体大小:12px;
}
.countrydepartment span{
显示:无;
}
.countrydepartment span.active{
显示:内联块;
}
选择您的国家:
---选择你的国家---
俄罗斯联邦
中国
塔吉克斯坦
-俄罗斯部门:+7(000)000 00
-中文系:+86(000)000
-塔吉克斯坦部门:+992(000)000 00
用户jQuery的更改事件侦听器
$('.selectcountry select').change(函数(){
country=$(this.val();
//重置
$('.countrydepartment span').removeClass('active');
//显示当前国家部门
$('.countrydepartment span[country=“'+country+'“]”)addClass('active');
});代码>
div.selectcountry{
边缘底部:10px;
字体系列:arial;
字体大小:12px;
}
乡村部分区{
字体系列:arial;
字体大小:12px;
}
.countrydepartment span{
显示:无;
}
.countrydepartment span.active{
显示:内联块;
}
选择您的国家:
---选择你的国家---
俄罗斯联邦
中国
塔吉克斯坦
-俄罗斯部门:+7(000)000 00
-中文系:+86(000)000
-塔吉克斯坦部门:+992(000)000 00
您可以将部门包装在div
中吗?例如,您可以访问HTML吗?您可以将部门包装在div
中吗?例如,您可以访问HTML吗?是的,喜欢您的版本!非常干净。多谢各位。你帮了我很多。我可以只在第一个禁用选项中输入选择的标题吗?比如---选择你的国家---@ZafarGilfanov当然!这样:---选择您的国家---
您知道我将此代码插入我的CMS编辑器。。。它破坏了我的密码…,这让我很难过:(是的,喜欢你的版本!非常干净。非常感谢你。你帮了我这么多。我可以在第一个禁用选项中输入选择的标题吗?比如——选择你的国家——@ZafarGilfanov当然!这样:——选择你的国家——
你知道我将此代码插入我的CMS编辑器……它破坏了我的代码…,这让我很难过:(