javascript - 为什么只显示一个 GET 值

标签 javascript html

我正在尝试检索在下面的表单中输入的值以传递到 PHP 文件中,以便我可以将这些值添加到数据库中。问题是我只获取要传递到 PHP 页面的值之一,URL 栏仅显示一个值,即 equipmentList 我是 JavaScript 和 PHP 新手,但我猜测解决方案是相对的简单的。我知道问题不在于我的 PHP 文件,因为现在出于测试/学习目的,我仅使用 echo 来打印出现在的 $_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();
}

最佳答案

只有您选择的设备列表才有名称和 ID。

关于javascript - 为什么只显示一个 GET 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14150453/

相关文章:

javascript - 向菜单切换添加第二个 JavaScript 函数

javascript - 使用javascript获取鼠标悬停下的所有div

javascript - 在 express js 中使用隐藏字段

iOS 缓存 UIWebView

javascript - ios应用程序后退按钮不保存cookie

javascript - 没有这样的元素错误: no such element: Unable to locate element:

javascript - 如何将过渡添加到 JavaScript 切换类

html - 将字体图标附加到文本字符串中的最后一个单词并防止换行

html - 将表格单元格左对齐

html - 流体排版