Javascript 一旦我从下拉菜单中获得一个值,我可以将其与字符串进行比较吗?

Javascript 一旦我从下拉菜单中获得一个值,我可以将其与字符串进行比较吗?,javascript,html,css,Javascript,Html,Css,我所拥有的只是这个,但是我没有从java脚本的下拉菜单中得到任何值来将它与字符串进行比较 // JavaScript Document var singleMulticontainer = document.getElementById("singleMultiContainer"); var singleMultiValue = singleMultiContainer.options[singleMultiContainer.selectedIndex].value; var ne

我所拥有的只是这个,但是我没有从java脚本的下拉菜单中得到任何值来将它与字符串进行比较

    // JavaScript Document
var singleMulticontainer = document.getElementById("singleMultiContainer");
var singleMultiValue =  singleMultiContainer.options[singleMultiContainer.selectedIndex].value;
var nextButton = document.getElementById("nextButton");
var multipleSetWindow = "window.location='multiSet.html'"

if(singleMultiValue == "multi"){
    document.getElementById("nextButton").setAttribute("data-location", "multiSet.html");
}
else{
    alert("notworking");
}
下拉菜单是这样的:如何从单个或多个容器的选项中获取值

<form id"suspendedProperties">
    <p><h4>Select Station:
    <select name="stationDropdown">
        <option value="50028000">Tanama</option>
        <option value="60008001">Example Riv1</option>
        <option value="60008002">Example Riv2</option>
        <option value="60008003">Example Riv3</option>
        <option value="60008004">Example Riv4</option>
     </select>
     </h4></p>

    <p>Select Sample Medium:
        <select name="sampleMediumDropdown">
          <option value="Wer">Wer</option>
          <option value="WSQ">WSQ</option>
        </select>
        </p>
    <p>Begin Date
        <input type="date"/>
     </p>
     <p>Hydrologic Event: <select name="hydroEvent">
                            <option value="1">Example 1</option>
                            <option value="2">Example 2</option>
                            <option value="3">Example 3</option>
                            <option value="4">Example 4</option>
                            <option value="5">Example 5</option>
                            <option value="6">Example 6</option>
                          </select>
</p>
<p>Add:<input type="number" size=""/> <select name="singleMultiContainer"><option value="single">Single container sample</option><option value="multi">Multiple sets container</option></select></p>
 <p>Analyses Requested:(Applies to all samples)<br/></p>
 <div id="analyses" >
 <input type="checkbox" name="analysis" value="C">Concentration</input> 
 <input type="checkbox" name="analysis" value="SF">Sand-fine break**</input>&nbsp;  
 <input type="checkbox" name="analysis" value="SA">Sand analysis**</input>  <br/>
 <input type="checkbox" name="analysis" value="T">Turbidity</input> 
 <input type="checkbox" name="analysis" value="LOI">Loss-on-ignition**</input>&nbsp;    
 <input type="checkbox" name="analysis" value="DS">Dissolve solids</input>  <br/>
 <input type="checkbox" name="analysis" value="SC">Specific conductance</input>                                     
 <input type="checkbox" name="analysis" value="Z">Full-size fractions**</input>
 </div>
<input type="button" value="Back" onClick="window.location='SED_WE.html'"/>
<input type="button" value="Next" onClick="window.location='SampleInfo.html'"/>
</form>

选择电台:
塔纳玛
示例1
示例2
示例3
示例4

选择样品培养基: Wer WSQ

开始日期

水文事件: 例1 例2 例3 例4 例5 例6

添加:单容器样本多组容器

要求的分析:(适用于所有样品)

浓度 细砂破碎** 砂分析**
浑浊度 点火损失** 溶解固体
比电导 全粒级**

您忘了向您的选择添加id。我添加了
,虽然您在脚本中“寻找”,但它没有id。
你也有一些打字错误,我修正了我发现的错误,所以请检查这是否是你想要的

HTLM


您希望比较哪些值?您需要为select提供一个id,以便能够
getElementById('singleMultiContainer')
注意
缺少一个
=
这对您有帮助吗@MohammadAreebSiddiqui我想用字符串比较singleMultiContainer中选项的值。如果拼写错误是唯一的问题,那么应该关闭该问题。@FelixKling,说得好。非常感谢。他还忘了在select中添加id。我会把它加到我的答案中。@Sergio我修正了我的打字错误,我也修正了我的id。谢谢,这是一种工作方式,但无论如何,我会深入研究我的代码,无论如何,谢谢你。@Ch32k0,为什么是“工作方式”?你缺少什么?@Ch32k0,检查这个-我为你的多字符串比较添加了一个事件。有用吗?
<form id="suspendedProperties">
    <p>
        <h4>Select Station:
    <select name="stationDropdown">
        <option value="50028000">Tanama</option>
        <option value="60008001">Example Riv1</option>
        <option value="60008002">Example Riv2</option>
        <option value="60008003">Example Riv3</option>
        <option value="60008004">Example Riv4</option>
     </select>
     </h4>
    </p>
    <p>Select Sample Medium:
        <select name="sampleMediumDropdown">
            <option value="Wer">Wer</option>
            <option value="WSQ">WSQ</option>
        </select>
    </p>
    <p>Begin Date
        <input type="date" />
    </p>
    <p>Hydrologic Event:
        <select name="hydroEvent">
            <option value="1">Example 1</option>
            <option value="2">Example 2</option>
            <option value="3">Example 3</option>
            <option value="4">Example 4</option>
            <option value="5">Example 5</option>
            <option value="6">Example 6</option>
        </select>
    </p>
    <p>Add:
        <input type="number" size="" />
        <select name="singleMultiContainer" id="singleMultiContainer">
            <option value="single">Single container sample</option>
            <option value="multi">Multiple sets container</option>
        </select>
    </p>
    <p>Analyses Requested:(Applies to all samples)
        <br/>
    </p>
    <div id="analyses">
        <input type="checkbox" name="analysis" value="C">Concentration</input>
        <input type="checkbox" name="analysis" value="SF">Sand-fine break**</input>&nbsp;
        <input type="checkbox" name="analysis" value="SA">Sand analysis**</input>
        <br/>
        <input type="checkbox" name="analysis" value="T">Turbidity</input>
        <input type="checkbox" name="analysis" value="LOI">Loss-on-ignition**</input>&nbsp;
        <input type="checkbox" name="analysis" value="DS">Dissolve solids</input>
        <br/>
        <input type="checkbox" name="analysis" value="SC">Specific conductance</input>
        <input type="checkbox" name="analysis" value="Z">Full-size fractions**</input>
    </div>
    <input type="button" value="Back" onClick="window.location='SED_WE.html'" />
    <input type="button" value="Next" id="nextButton" onClick="window.location='SampleInfo.html'" />
</form>
// JavaScript Document
var singleMultiContainer = document.getElementById("singleMultiContainer");
var singleMultiValue = singleMultiContainer.options[singleMultiContainer.selectedIndex].value;
var nextButton = document.getElementById("nextButton");
var multipleSetWindow = "window.location='multiSet.html'"

if (singleMultiValue == "multi") {
    document.getElementById("nextButton").setAttribute("onclick", "window.location='multiSet.html'");
} else {
    alert("notworking");
}