使用javascript通过select显示表_Javascript_Jquery_Html

使用javascript通过select显示表

javascript jquery html

使用javascript通过select显示表,javascript,jquery,html,Javascript,Jquery,Html,我想在从“选择”下拉列表中选择某个表时显示该表。这是到目前为止，我已经，但它不工作 javascript var opt = document.getElementById('select'); opt.onchange = function() { document.getElementById('t1').style.display = 'none'; document.getElementById('t2').style.display = 'none'; document.getEle

我想在从“选择”下拉列表中选择某个表时显示该表。这是到目前为止，我已经，但它不工作

javascript

var opt = document.getElementById('select');

opt.onchange = function() {
document.getElementById('t1').style.display = 'none';
document.getElementById('t2').style.display = 'none';
document.getElementById('t3').style.display = 'none';
document.getElementById('t4').style.display = 'none';
document.getElementById('t' + this.value).style.display = '';

html


请选择
CAT请求
停止批量消息
采购订单-押金转账
采购订单-地址更改
Etisalat数
猫名
艺人名称
语言
Etisalat数
评论
Etisalat数
数量
调任理由
评论
Etisalat数
客户名称
正确地址
评论

我不明白为什么表格在pageload上隐藏，并在选择相关选项时显示。

这里的问题是在pageload上选择了默认选项。因此，您的onchange处理程序将在pageload上以值“请选择”触发。这样做的目的是隐藏所有的表和

文档。找不到getElementById（'tPleaseSelect'）

，因此不显示任何表。

这里的问题是在pageload上选择了默认选项。因此，您的onchange处理程序将在pageload上以值“请选择”触发。这样做的目的是隐藏所有的表和

文档。找不到getElementById（'tPleaseSelect'）

，因此不显示任何表。

我有一个小提琴工作，在页面加载时显示表。然后，当选择其中一个表时，它只显示该表。除了缺少一个接近的

}之外，您上面的代码运行良好
我有一把小提琴，可以在页面加载时显示表格。然后，当选择其中一个表时，它只显示该表。除了缺少一个接近的}之外，您上面的代码运行良好
给你
http:/

请选择
CAT请求
停止批量消息
采购订单-押金转账
采购订单-地址更改
Etisalat数
猫名
艺人名称
语言
Etisalat数
评论
Etisalat数
数量
调任理由
评论
Etisalat数
客户名称
正确地址
评论
//当选项更改时
var changeSelection=函数（）{
//隐藏所有元素
希德尔（）；
//如果选择值>0（有效）
if（document.getElementById（“选择”）.value>0）{
//将元素显示设置为“块”（块通常是默认显示类型）
document.getElementById（“t”+document.getElementById（“select”）.value）.style.display=“block”；
}
};
//函数隐藏所有元素
var hideAll=函数（）{
//通过元素循环
对于（var i=1；i给你
http:/

请选择
CAT请求
停止批量消息
采购订单-押金转账
采购订单-地址更改
Etisalat数
猫名
艺人名称
语言
Etisalat数
评论
Etisalat数
数量
调任理由
评论
Etisalat数
客户名称
正确地址
评论
//当选项更改时
var changeSelection=函数（）{
//隐藏所有元素
希德尔（）；
//如果选择值>0（有效）
if（document.getElementById（“选择”）.value>0）{
//将元素显示设置为“块”（块通常是默认显示类型）
document.getElementById（“t”+document.getElementById（“select”）.value）.style.display=“block”；
}
};
//函数隐藏所有元素
var hideAll=函数（）{
//通过元素循环
对于（var i=1；i，您可以通过以下代码对代码进行轻微修改来显示：
<select name="select" id="select" onchange="displayTable();">



<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function displayTable() {
        var opt = document.getElementById('select');

        opt.onchange = function () {
            document.getElementById('t1').style.display = 'none';
            document.getElementById('t2').style.display = 'none';
            document.getElementById('t3').style.display = 'none';
            document.getElementById('t4').style.display = 'none';
            document.getElementById('t' + this.value).style.display = '';
        };
    }
</script></head>


函数displayTable（）{
var opt=document.getElementById（'select'）；
opt.onchange=函数（）{
document.getElementById（'t1'）.style.display='none'；
document.getElementById（'t2'）.style.display='none'；
document.getElementById（'t3'）。style.display='none'；
document.getElementById（'t4'）.style.display='none'；
document.getElementById（'t'+this.value.）.style.display=''；
};
}
您可以通过以下代码显示对代码的轻微修改：
<select name="select" id="select" onchange="displayTable();">



<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function displayTable() {
        var opt = document.getElementById('select');

        opt.onchange = function () {
            document.getElementById('t1').style.display = 'none';
            document.getElementById('t2').style.display = 'none';
            document.getElementById('t3').style.display = 'none';
            document.getElementById('t4').style.display = 'none';
            document.getElementById('t' + this.value).style.display = '';
        };
    }
</script></head>


函数displayTable（）{
var opt=document.getElementById（'select'）；
opt.onchange=函数（）{
document.getElementById（'t1'）.style.display='none'；
document.getElementById（'t2'）.style.display='none'；
document.getElementById（'t3'）。style.display='none'；
<select name="select" id="select" onchange="displayTable();">



<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function displayTable() {
        var opt = document.getElementById('select');

        opt.onchange = function () {
            document.getElementById('t1').style.display = 'none';
            document.getElementById('t2').style.display = 'none';
            document.getElementById('t3').style.display = 'none';
            document.getElementById('t4').style.display = 'none';
            document.getElementById('t' + this.value).style.display = '';
        };
    }
</script></head>