如何使下拉项目成为提交

时间:2017-06-29 23:15:16

标签: javascript html html5 twitter-bootstrap

我的代码完全按照我的要求提交,但添加&在bootstrap下拉列表中创建新项目我需要成为提交,我已尝试使用javascript,但随后html5验证不会触发。我是唯一一个尝试设置提交按钮样式的选项,如bootstrap下拉项目吗?

    $('btnWorkorder_Add_Create').click(function(event) {
      event.preventDefault();
      $('#WorkOrderFrm').append('<input type="hidden" name="btnWorkorder_Add_Create" value="1">');
      $("#WorkOrderFrm").valid();
      $('#WorkOrderFrm').submit();
    });

HTML

    <form id="WorkOrderFrm" name="WorkOrderFrm" action="/proc/WorkOrderFrm.php" method="post" autocomplete="off">

  <div class="btn-group">

    <div class="btn-group">
      <button type="submit" id="BtnAdd" class="btn btn-custom btn-sm" name="btnWorkorder_Add">Add</button>

      <button type="button" class="btn btn-custom btn-sm dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        <span class="sr-only">Toggle Dropdown</span>
      </button>

      <div class="dropdown-menu">
        <a class="dropdown-item" href="" name="btnWorkorder_Add_Create" id="btnWorkorder_Add_Create">Add & Create New</a>
      </div>
    </div>

2 个答案:

答案 0 :(得分:0)

如果只有一个选项,为什么需要下拉列表?为什么不使用<input type='submit' value='Add And Create New' />

答案 1 :(得分:0)

你缺少'#'标签。试试这段代码,让我知道它是否仍然无效

function default(value ="you")
 {
     var val=value;
     //others.....
 }