如何获取使用innerHTML =“<option>”; </option>即时编写的选择选项的值

时间:2009-05-30 01:45:23

标签: javascript html

我使用类似

的内容为<select>编写了选项
Id.innerHTML = "<option value='foo'>Foo</option>";

但是在提交时我没有从选项中获得任何价值?我怎么能纠正这个?

2 个答案:

答案 0 :(得分:1)

使用表单,如果显示/隐藏动态字段,很多时候,你必须有隐藏值来存储值,然后让你的PHP(或其他)查​​找隐藏字段值,而不是动态HTML值。这是一种痛苦

答案 1 :(得分:0)

谢谢罗伊,我已经考虑过你所说的话,并想出了以下内容:

function insert(){
                        document.getElementById('text').value = document.getElementById('select').value;
    }

    function insertHTML(){
                        document.getElementById('div').innerHTML = "<select id='select' onload=\"insert()\" onclick=\"insert()\"><option value='1'> 1 </option><option value='2'> 2 </option></select>";
    }



    <form method='post' action='http://localhost/test.php'>
        <input type='button' value='insert' onclick="insertHTML(); insert();" >
        <div id='div' ></div>
        <input type='hidden' id='text' name='text'>
        <input type='submit' value='go'>
    </form>

获取输入名称而不是选择名称。