使用提交按钮提交下拉框输入

时间:2013-03-07 18:14:01

标签: javascript jquery html

我对此问题感到很难,但我无法在SO或google上找到解决方案。

我需要在网页上的多个下拉框中捕获输入。我创建了页面,并且我已经合并了一个提交按钮。当我单击提交时,提交的唯一信息来自文本框和可单击按钮。

此代码将从按钮

提交
<div id="selectionButtons"><!-- allows the user to select between veto and issue-->
    <input type="radio" name="searchType" value="issue" checked>Issues<br>
    <input type="radio" name="searchType" value="veto">Vetos
</div>

此代码也会导致提交信息

<div class="listbox" id="orgCode" style="padding-right:10%">
        <label for="orgCode">Organization Code</label>
        <select size="10" name="org" class="box" style="width:100%;" 
        multiple="true">
            <option selected>Code 1
            <option>Code 2
            <option>Code 3
            <option>Code 4
            <option>Code 5
            <option>Code 6
        </select>
</div>

但是此代码不会在文本框中提交信息

<div class="ui-widget" id="fiscalYear">
        <label for="fiscalYear">Fiscal Year</label>
        <select id="fisc">
            <option value="">Select one...</option>
            <option value="1">first</option>
            <option value="2">second</option>
            <option value="3">third</option>
            <option value="4">fourth</option>
            <option value="5">fifth</option>
            <option value="6">sixth</option>
            <option value="7">seventh</option>
            <option value="8">eight</option>
            <option value="9">ninth</option>
            <option value="10">tenth</option>
        </select>
        <script>
            $(function() {
                $( "#fisc" ).combobox();
                $( "#toggle" ).click(function() {
                    $( "#fisc" ).toggle();
                });
            });
        </script>

起初我认为问题是我的jQuery组合框的实现,所以我去了一个简单的选择选项下拉。这没有解决问题所以我认为这可能是由结束选项标签引起的。

非常感谢任何帮助,这是我第一次使用html和javascript / css

1 个答案:

答案 0 :(得分:3)

您必须为您的选择标记添加名称,而不仅仅是ID

<select id="fisc" name="fisc">