Question

我是javascript和html的新手，我正在编写一个显示下拉列表的程序，根据选择的选项，我会显示两个单选按钮和一个文本字段。我无法访问这些输入的值（单选按钮和文本框）。

<html>
<script type="text/javascript">

    window.onload = function()
    {
        var select = document.getElementById("select");
        var texts = document.getElementById("texts");

        select.onchange = function()
        {
            var val = select.options[select.selectedIndex].value;

            texts.innerHTML = "";
            if (val == "employees")
            {
                texts.innerHTML += '<div><input type="radio" name="condition_employees"  value="select_money" /> ></div>';
                texts.innerHTML += '<div><input type="radio" name="condition_employees"  value="select_money1" /> <</div>';
                texts.innerHTML += '<div><input type="text" name="input_employees"  value="select_employees" /></div>';
                //var realValue = document.getElementByName('input_employees')[0].value;
                //texts.innerHTML += '<div>realValue</div>';


            }

            if (val == "total_money")
            {
                texts.innerHTML += '<div><input type="radio" name="condition_money"  value="select_money" /> ></div>';
                texts.innerHTML += '<div><input type="radio" name="condition_money"  value="select_money1" /> <</div>';

                texts.innerHTML += '<div><input type="text" name="input_money"' + '" value="select_money" /></div>';
            }

            if (val == "hits")
            {
                texts.innerHTML += '<div><input type="radio" name="condition_hits"  value="select_money" /> ></div>';
                texts.innerHTML += '<div><input type="radio" name="condition_hits"  value="select_money1" /> <</div>';

                texts.innerHTML += '<div><input type="text" name="input_hits"' + '" value="select_hits" /></div>';
            }

            if (val == "time_founded")
            {
                texts.innerHTML += '<div><input type="radio" name="condition_time"  value="select_money" /> before date </div>';
                texts.innerHTML += '<div><input type="radio" name="condition_time"  value="select_money1" /> after date</div>';

                texts.innerHTML += '<div><input type="text" name="input_time"' + '" value="select_date" /></div>';
            }

        }
    }
    var print = function()
    {
        var category = document.droplist.select.value;
        document.getElementById("category").innerHTML = category


    }

</script>

<body>      
    <form name="droplist" action="html_form_action.asp" method = "get">
    <select id="select" size="1">
        <option value=" " selected="selected"> </option>
        <option value="employees">Number of Employees</option>
        <option value="hits">Hits on TechCrunch</option>
        <option value="time_founded">Time Founded</option>
        <option value="total_money">Total Money</option>
        </select>

        <hr/>

        <div id="texts"></div>

        <input type="button" value="Submit" onClick="print()"/>
    </form> 
        <div id="category"></div>

</body>

我尝试使用“// var realValue = document.getElementByName（'input_employees'）[0] .value;”但这显然不起作用。我还想知道如何在我的python应用程序中将此信息作为函数的参数传递。

谢谢！

Answer 1

我可以建议如下：

不要在您的javascript中重写<div>。您可以写信给<div>的innerHTML。
为什么不在必要时禁用/启用？而不是不断编写这些值？

我很遗憾无法评论这个问题，所以我不得不在这里发帖。对不起。

在javascript中从动态创建的表单中检索输入

1 个答案: