在Javascript中访问HTML表单的值

我是Javascript新手，我很难弄明白为什么这段代码不能按我认为应该的方式工作

这是我的Javascript代码。我现在要做的就是从这些文本框和下拉列表中获取值，并将它们连接起来

<script>
function AdvancedSearch () {
var color = document.getElementByID("AdvSearchColor").value;
var ply = document.getElementByID("AdvSearchPly").value;
var cat = document.getElementByID("AdvSearchCategory").value;
var size = document.getElementByID("AdvSearchSize").value;
var description = document.getElementByID("AdvSearchDescription").value;
var fullsearch = ply + color + cat + description + size;
}
</script>    

<form id="advsearach" onsubmit="AdvancedSearch()">
Product Color: <input type="text" name="productcolor" id="AdvSearchProductColor"><br>
Product Ply Rating: <input type="text" name="productply" id="AdvSearchPlyRating"><br>
Product Category: <input type="text" name="productcategory" id="AdvSearchProductCategory"><br>
Product Size: <input type="text" name="productsize" id="AdvSearchProductSize"><br>
Product Description: <input type="text" name="productdescription" id="AdvSearchProductDescription"><br>
<input type="button" onclick="javascript:AdvancedSearch()" value="Search!">
</form> 

函数AdvancedSearch（）{
var color=document.getElementByID（“AdvSearchColor”）.value；
var ply=document.getElementByID（“AdvSearchPly”）.value；
var cat=document.getElementByID（“AdvSearchCategory”）.value；
var size=document.getElementByID（“AdvSearchSize”）.value；
var description=document.getElementByID（“AdvSearchDescription”）.value；
var fullsearch=铺层+颜色+类别+说明+尺寸；
}
产品颜色：

产品层额定值：

产品类别：

产品尺寸：

产品说明：

---

所以我在一些琐碎的问题上遇到了麻烦，只是调试一下并让它工作。已经花了几个小时了。。感谢所有花时间看这个的人，从长远来看，这可能会为我节省很多时间，这是一件非常好的事情。

你应该使用

document.getElementById

而不是

document.getElementById

。有一个打字错误

“Id”！=“ID”

。 表单的ID必须与javascript表单o.o中的ID匹配

<form id="advsearach">
    Product Color: <input type="text" name="productcolor" id="AdvSearchColor"><br>
    Product Ply Rating: <input type="text" name="productply" id="AdvSearchPly"><br>
    Product Category: <input type="text" name="productcategory" id="AdvSearchCategory"><br>
    Product Size: <input type="text" name="productsize" id="AdvSearchSize"><br>
    Product Description: <input type="text" name="productdescription" id="AdvSearchDescription"><br>
    <input type="button" onclick="javascript:AdvancedSearch()" value="Search!">
</form> 

<script>
function AdvancedSearch () {
    var color = document.getElementById("AdvSearchColor").value,
        ply = document.getElementById("AdvSearchPly").value,
        cat = document.getElementById("AdvSearchCategory").value,
        size = document.getElementById("AdvSearchSize").value,
        description = document.getElementById("AdvSearchDescription").value,
        fullsearch = ply + color + cat + description + size;
    console.log(fullsearch);
}
</script>

产品颜色：

产品层额定值：

产品类别：

产品尺寸：

产品说明：

函数AdvancedSearch（）{
var color=document.getElementById（“AdvSearchColor”）.value，
ply=document.getElementById（“AdvSearchPly”）.value，
cat=document.getElementById（“AdvSearchCategory”）.value，
size=document.getElementById（“AdvSearchSize”）.value，
description=document.getElementById（“AdvSearchDescription”）.value，
fullsearch=铺层+颜色+类别+描述+尺寸；
console.log（fullsearch）；
}

“简单高级搜索”。。。好的^ ^哈哈，你觉得这样我会看得更多吗？直到你指出，我才注意到。但这是有道理的，对吗？就像你在谷歌上点击高级搜索，这就是我的意思。（但这只是高级搜索的一个非常简单的实现）。抱歉搞混了。我知道你的意思，但结果很有趣：p我有时也会做那种事。好吧，这可能确实是一个问题，如果不是主要问题的话。我还了解到Javascript函数是区分大小写的。谢谢。我已经用工作代码更新了我的答案。打开控制台查看结果。如果有帮助的话，请将答案标记为正确。感谢您向我介绍学习javascript时我必须浏览的一些重要内容。（我会将答案标记为正确）嘿，莱斯尼，现在我想在我的javascript函数末尾添加一行额外的代码，它将用户重定向到一个新的URL。（新的URL将javascript变量作为URL字符串中的一个变量，随后在搜索结果页面上进行解析。）您能为我指出正确的方向吗？现在就查找它，虽然我以前已经尝试过这个方法，但遇到了麻烦，而且我知道这很简单，可能只是语法问题。但首先，请勾选正确的答案-您只对它投了更高的票；）如果您只想使用javascript重定向，请使用location.href=''