Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选择“选择”选项时显示文本。如何做?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 选择“选择”选项时显示文本。如何做?

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

我试着用HREF和ID来做。这不是我真正需要的

我需要这样:

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编辑器……它破坏了我的代码…,这让我很难过:(