Question

我在选择框中有2个值，我想根据我在提交按钮点击时选择的ID来获取他们的ID。我正在显示这个选择框并在对话框中保存按钮。当我尝试选择值并保存我得到[对象HTMLCollection]而不是他们的id.So如果我选择Fahrzeuge我应该得到id 1如果我选择新闻我应该得到id 2.我在javascript中的某个地方犯了小错误。这是我的jsfiddle：demo。这是我的代码： HTML代码

<input type="button" id="butt-rahmen" value="Add Widget" />

<br /><br/>       

<div id="output"></div>

<div id="overlay" class="web_dialog_overlay"></div>

<div id="dialog" class="web_dialog">
   <table style="width: 100%; border: 0px;" cellpadding="3" cellspacing="0">
      <tr>
         <td class="web_dialog_title">Widget</td>
      </tr>

      <tr>
         <td colspan="2" style="padding-left: 15px;">
            <b>Add Widget</b>
         </td>
      </tr>
      <tr>
         <td colspan="2" style="padding-left: 15px;">
             <div id="widgets">
               <select name="widgets" id="widgets" >
                         <option value="1">Fahrzeuge</option> 
                         <option value="2">News</option>
                </select>
             </div>

         </td>
      </tr>
      <tr>
         <td colspan="2" style="text-align: center;">
            <input id="btnSubmit" type="button" value="Save" />
         </td>
      </tr>
   </table>
</div>

Js代码：

   $("#butt-rahmen").click(function (e)
      {
         ShowDialog(false);
         e.preventDefault();
      });     

      $("#btnSubmit").click(function (e)
      {
         var brand = $('#widgets select[name="widgets"]').val();
         $("#output").html("<b>Widget: </b>" + widgets);
         HideDialog();
         e.preventDefault();
      });



   function ShowDialog(modal)
   {
      $("#overlay").show();
      $("#dialog").fadeIn(300);     
   }

   function HideDialog()
   {
      $("#overlay").hide();
      $("#dialog").fadeOut(300);
   }

Answer 1

是的，这是JavaScript中的小错误，更改行

$("#output").html("<b>Widget: </b>" + widgets);

到

$("#output").html("<b>Widget: </b>" + brand);

Answer 2

尝试更改：

$("#output").html("<b>Widget: </b>" + widgets);

到

$("#output").html("<b>Widget: </b>" + brand);

widgets的

未在任何地方定义。

选择不在javascript，html中检索的框ID值

2 个答案: