我在选择框中有2个值,我想获取它们的ID,具体取决于我在提交按钮单击时选择的值。我在对话框中显示此选择框和保存按钮。当我尝试选择值并保存时,我得到的是[object HTMLCollection]而不是其id。因此,如果我选择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);
   }

最佳答案

是的,这是JavaScript中的小错误,请更改为以下行

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




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

07-24 09:43
查看更多