选择面板，点确定更换input内容

在选择面板加个input隐藏域，然后点击内容时候改变隐藏域value，点击确定的时候获取隐藏域value,赋值给需要改变的标签内容

<h1 id="bt"></h1>
<!-- 选择面板 -->
<div id="mb">
    <ul id="test">
            <li class="a1">1</li>
            <li class="a1">2</li>
            <li class="a1">3</li>
            <li class="a1">4</li>
    </ul>
    <input type="hidden" value="" id="cc">
    <button type="button" onclick="dj()"> 点击</button>
</div>

window.onload = function(){
    var c = document.getElementById("cc");
   var obj_lis = document.getElementById("test").getElementsByTagName("li");
    for(i=0;i<obj_lis.length;i++){
        obj_lis[i].onclick = function(){
                        for (var i=0; i<obj_lis.length; i++){
            obj_lis[i].className='a1';
        }
                        this.className = "a2";
                        c.value = this.innerHTML;
        }
    }
}

function dj(){
     var  ca = document.getElementById("cc").value;
     var  bt = document.getElementById("bt"); 
     bt.innerHTML = ca;
}

第二个for循环是循环点击后的样式，如果不需要可以删除，a2是点击之后要改变的样式