javascript从select中选择一个id或名称

我想根据选择显示3个不同的文本。 我已经有了一个代码，但它选择了select的值，该值需要是文本。正如您将看到的，这对代码不起作用。 现在，我正在寻找一个替代方案，比如选择id或名称或任何可能的东西。例如，而不是a.value a.id，但这不起作用

也许解决方案很明显，但是在JavaScript中有近0的经验，我在几个月前才在学校里学到了一些C++和HTML，我把一些代码的一些和平放在一起来创建我的。 请参阅中的第一个答案，以获取您正在尝试执行的操作的示例。谢谢，它现在确实起作用了

<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>