2013-03-07 77 views
0

我對此問題感到不滿,但我一直無法在SO或Google上找到解決方案。使用提交按鈕提交下拉框輸入

我需要在網頁上的多個下拉框中捕獲輸入。我已創建頁面,並已添加提交按鈕。當我點擊提交時,提交的唯一信息來自文本框和可點擊的按鈕。

此代碼將在按鈕

<div id="selectionButtons"><!-- allows the user to select between veto and issue--> 
    <input type="radio" name="searchType" value="issue" checked>Issues<br> 
    <input type="radio" name="searchType" value="veto">Vetos 
</div> 

提交此代碼也將導致信息提交

<div class="listbox" id="orgCode" style="padding-right:10%"> 
     <label for="orgCode">Organization Code</label> 
     <select size="10" name="org" class="box" style="width:100%;" 
     multiple="true"> 
      <option selected>Code 1 
      <option>Code 2 
      <option>Code 3 
      <option>Code 4 
      <option>Code 5 
      <option>Code 6 
     </select> 
</div> 

但在文本框中輸入這個代碼將不會提交信息

<div class="ui-widget" id="fiscalYear"> 
     <label for="fiscalYear">Fiscal Year</label> 
     <select id="fisc"> 
      <option value="">Select one...</option> 
      <option value="1">first</option> 
      <option value="2">second</option> 
      <option value="3">third</option> 
      <option value="4">fourth</option> 
      <option value="5">fifth</option> 
      <option value="6">sixth</option> 
      <option value="7">seventh</option> 
      <option value="8">eight</option> 
      <option value="9">ninth</option> 
      <option value="10">tenth</option> 
     </select> 
     <script> 
      $(function() { 
       $("#fisc").combobox(); 
       $("#toggle").click(function() { 
        $("#fisc").toggle(); 
       }); 
      }); 
     </script> 

起初我以爲問題是我的jQuery組合框的實現所以我去了一個簡單的選擇下拉菜單。這並沒有解決問題,所以我認爲它可能是由結束選項標籤引起的。

任何幫助將不勝感激,這是我的HTML和JavaScript/CSS

回答

3

第一次體驗你必須給你的選擇標籤的名稱,而不是隻是一個ID

<select id="fisc" name="fisc"> 
+1

這不只是試試,必須的。 Coldfusion需要名稱屬性來識別表單變量。如果您轉換了所有輸入並選擇了cfinputs和cfselects,則會收到一條錯誤消息,通知您name屬性是必需的。 – 2013-03-07 18:22:07

+0

解決了這個問題,感謝您的快速響應 – 2013-03-07 18:23:34

+0

@KRC - 同意並更新爲更具說明性的語氣;) – mikey 2013-03-07 18:52:23