Javascript從多個選擇框中獲取值

Question

這個讓我瘋了。 它是一個簡單而愚蠢的東西，我在俯視。 我在表單中有一個多選框。 我只是想獲取所選的值。 在我的循環中，如果我使用警報，那么我沒有問題。 一旦嘗試連接值我得到錯誤'SelBranch [...] .selected'是null或不是對象

      <form name="InventoryList" method="post" action="InventoryList.asp">
          <select name="SelBranch" class="bnotes" size="5" multiple="multiple">
          <option value="All">All</option>
          <option value="001 Renton">001 Renton</option>
          <option value="002 Spokane">002 Spokane</option>
          <option value="003 Missoula">003 Missoula</option>
          <option value="004 Chehalis">004 Chehalis</option>
          <option value="005 Portland">005 Portland</option>
          <option value="006 Anchorage">006 Anchorage</option>
          <option value="018 PDC">018 PDC</option>
          </select>

         <input type="button" name="ViewReport" value="View" class="bnotes" onclick="GetInventory();">

   </form>


   <script language="JavaScript">
       function GetInventory()
       {
         var InvForm = document.forms.InventoryList;
         var SelBranchVal = "";
         var x = 0;

         for (x=0;x<=InvForm.SelBranch.length;x++)
         {
            if (InvForm.SelBranch[x].selected)
            {
             //alert(InvForm.SelBranch[x].value);
             SelBranchVal = SelBranchVal + "," + InvForm.SelBranch[x].value;
            }
         }
         alert(SelBranchVal);
       }


  </script>

Answer 1

for循環正在進行一次額外的運行。 更改

for (x=0;x<=InvForm.SelBranch.length;x++)

至

for (x=0; x < InvForm.SelBranch.length; x++)

Answer 2

在這里，我發布的答案僅供參考，可能會有用。

<!DOCTYPE html>
<html>
<head>
<script>
function show()
{
     var InvForm = document.forms.form;
     var SelBranchVal = "";
     var x = 0;
     for (x=0;x<InvForm.kb.length;x++)
         {
            if(InvForm.kb[x].selected)
            {
             //alert(InvForm.kb[x].value);
             SelBranchVal = InvForm.kb[x].value + "," + SelBranchVal ;
            }
         }
         alert(SelBranchVal);
}
</script>
</head>
<body>
<form name="form">
<select name="kb" id="kb" onclick="show();" multiple>
<option value="India">India</option>
<option selected="selected" value="US">US</option>
<option value="UK">UK</option>
<option value="Japan">Japan</option>
</select>
<!--input type="submit" name="cmdShow" value="Customize Fields"
 onclick="show();" id="cmdShow" /-->
</form>
</body>
</html>

Answer 3

看看HTMLSelectElement.selectedOptions 。

HTML

<select name="north-america" multiple>
  <option valud="ca" selected>Canada</a>
  <option value="mx" selected>Mexico</a>
  <option value="us">USA</a>
</select>

JavaScript的

var elem = document.querySelector("select");

console.log(elem.selectedOptions);
//=> HTMLCollection [<option value="ca">Canada</option>, <option value="mx">Mexico</option>]

這也適用於非multiple <select>元素

警告：此時對此selectedOptions支持似乎還不得而知

Answer 4

另外，改變這個：

    SelBranchVal = SelBranchVal + "," + InvForm.SelBranch[x].value;

至

    SelBranchVal = SelBranchVal + InvForm.SelBranch[x].value+ "," ;

原因是變量SelBranchVal第一次為空

Javascript從多個選擇框中獲取值

問題描述

4 個解決方案

解決方案1
17 已采納 2011-03-16 18:40:49

解決方案2
3 2013-01-25 11:37:53

解決方案3
3 2014-09-17 19:25:32

解決方案4
2 2012-08-04 17:03:11

Javascript從多個選擇框中獲取值

問題描述

4 個解決方案

解決方案1 17 已采納 2011-03-16 18:40:49

解決方案2 3 2013-01-25 11:37:53

解決方案3 3 2014-09-17 19:25:32

解決方案4 2 2012-08-04 17:03:11

解決方案1
17 已采納 2011-03-16 18:40:49

解決方案2
3 2013-01-25 11:37:53

解決方案3
3 2014-09-17 19:25:32

解決方案4
2 2012-08-04 17:03:11