Question

我想根据选择显示3种不同的文字。我已经有一个代码可以工作，但它选择＆＃34;值＆＃34; select和value需要是一个文本。正如您将看到的那样，对代码不起作用。现在我正在搜索一个替代方案，比如选择id或名称或任何可能的东西。喜欢而不是a.value a.id，但这不起作用。

也许解决方案非常明显，但在JavaScript方面有近0的经验我几个月前在学校里只学过一些C ++和HTML，我只是把其他代码的一些和平组合在一起创建我的。

http://jsfiddle.net/qT5KX/8/

<select onChange="AA(this);BB(this);CC(this)">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
<script type='text/javascript'>
    function AA(a) {
        a = a.value;
        b = document.getElementById("A");
        c= "A";
        d= c+a;
        e = document.getElementById(d);
        b.innerHTML = e.innerHTML;
    }
    function BB(a) {
        f = a.value;
        g = document.getElementById("B");
        h= "B";
        i= h+f;
        j = document.getElementById(i);
        g.innerHTML = j.innerHTML;
    }
    function CC(a) {
        k = a.value;
        l = document.getElementById("C");
        m= "C";
        n= m+k;
        o = document.getElementById(n);
        l.innerHTML = o.innerHTML;
    }</script>
<div id='A' style='display:'><h3>A1</h3></div>
<div id='A1' style='display:none'><h3>A1</h3></div>
<div id='A2' style='display:none'><h3>A2</h3></div>
<div id='A3' style='display:none'><h3>A3</h3></div>

<div id='B' style='display:'><h3>B1</h3></div>
<div id='B1' style='display:none'><h3>B1</h3></div>
<div id='B2' style='display:none'><h3>B2</h3></div>
<div id='B3' style='display:none'><h3>B3</h3></div>

<div id='C' style='display:'><h3>C1</h3></div>
<div id='C1' style='display:none'><h3>C1</h3></div>
<div id='C2' style='display:none'><h3>C2</h3></div>
<div id='C3' style='display:none'><h3>C3</h3></div>

javascript从select中选择一个id或name

0 个答案: