为什么只显示一个GET值

时间:2013-01-04 02:55:35

标签: javascript html

我正在尝试检索下面表单中输入的值以传递到PHP文件,以便我可以将值添加到数据库中。问题是我只是将其中一个值传递到PHP页面,URL栏只显示一个值equipmentList我是JavaScript和PHP的新手,但我猜这个解决方案相对简单。我知道问题不在于我的PHP文件,因为现在出于测试/学习目的,我只使用echo来打印出现在URL栏中的$_GET变量的值。我的代码如下:

       <form id="updateForm" action="formPage.php">
       <input type="text" id="jobDescription" style="display: none"/>

        <label id="equipRan" style="display: none">Equipment ran</label>
        <div id="drops">
       <div id="equipType">
        <select size="1" name="equipmentList" title="" id="equipmentList" style="display: none">
            <option value="">Select Machine</option>
            <option value="EX">Excavator</option>
            <option value="DZ">Dozer</option>
            <option value="SC">Scraper</option>
        </select>
    </div>

   <div class="unitDropDowns">
      <div class="EX">
        <select class="exUnitNumbers">
            <option value="">Unit number</option>
            <option value="01E">01E</option>
            <option value="2E">2E</option>
            <option value="4E">4E</option>
        </select>           
    </div>

        <div class="DZ">
            <select class="dzUnitNumbers">
                <option value="">Unit number</option>
                <option value="01D">01D</option>
                <option value="2D">2D</option>
                <option value="1D">1D</option>
            </select>
        </div>

        <div class="SC">
            <select class="scUnitNumbers">
                <option value="">Unit number</option>
                <option value="54C">54C</option>
                <option value="53C">53C</option>
                <option value="52C">52C</option>
            </select>
        </div>
    </div>
   </div>
   <button type="submit" id="updateButton" onclick="dbQuery()" style="display: none">Submit</button>
   </form>

JavaScript功能:

var dbQuery = function(){
    var description = document.getElementById("jobDescription").value;
    var selectedEquip = document.getElementById("equipmentList");
    var selectedEquip1 = selectedEquip.options[selectedEquip.selectedIndex].text;
    var selectedVisibleValue = $(".unitDropDowns select:visible").val();
    document.getElementById("descriptionSummary").innerHTML = "<h3>Description</h3>" + "<p>" + description + "</p>";
    document.getElementById("equipmentRan").innerHTML = "<h3>Equipment Ran </h3>" + "<p>" + selectedEquip1 + "</p>" + "<h3>Unit Number</h3>" + "<p>" + selectedVisibleValue + "</p>";
    document.getElementById("equipmentRan").style.display = "block";
    document.getElementById("descriptionSummary").style.display = "block";
    document.forms["updateForm"].submit();
}

2 个答案:

答案 0 :(得分:3)

只有您的equipmentList选择具有名称和ID。

答案 1 :(得分:1)

为了使inputselect等html元素的值包含在表单提交的请求中,这些元素必须定义name属性。

dbQuery功能的目的尚不清楚。您在那里构建的Html最多会在用户面前快速闪烁,然后将被从服务器返回的新页面替换。