Javascript 删除<;br/>;获取所有控件的值时,Jquery中的标记和按钮文本

Javascript 删除<;br/>;获取所有控件的值时,Jquery中的标记和按钮文本,javascript,jquery,html,Javascript,Jquery,Html,我试图使用JQuery获取表单中所有HTML控件的值。以下是我的HTML代码: <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="col-lg-12"> <div class="pull-right"> <input type="text" name="Created

我试图使用JQuery获取表单中所有HTML控件的值。以下是我的HTML代码:

<div class="container">
  <div class="row">
    <div class="col-lg-12">
      <div class="col-lg-12">
        <div class="pull-right">
          <input type="text" name="CreatedDate" placeholder="DD/MM/YYYY" class="form-control" />
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-12">
      <div class="form-group">
        <label class="col-md-2 col-xs-4">
                    Respected  Dr.
                </label>
        <div class="col-md-10 col-xs-8">
          <input type="text" name="txtDoctor" placeholder="Doctor Name" class="form-control" />
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-12">
      <div class="form-group">
        <label class="col-xs-2">
                    Referring
                </label>
        <div class="col-xs-4 col-md-2">
          <select name="ddlGender" class="form-control">
                        <option value="Mr.">Mr.</option>
                        <option value="Mrs.">Mrs.</option>
                        <option value="Miss">Miss</option>
                    </select>
        </div>
        <div class="col-xs-6 col-md-8">
          <input type="text" name="txtPatient" placeholder="Patient Name" class="form-control" />
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-12">
      <div class="form-group">
        <label class="col-xs-9 col-sm-8 col-md-6">
                    to you for the favour of your kind consultation of
                </label>
        <div class="col-xs-3 col-sm-4 col-md-6">
          <select name="ddlGender" class="form-control">
                        <option value="his">his</option>
                        <option value="her">her</option>
                    </select>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-12">
      <div class="form-group">
        <div class="col-xs-3">
          <select name="ddlGender" class="form-control">
                        <option value="his">C/O</option>
                    </select>
        </div>
        <label class="col-xs-9">
                    <input type="text" class="form-control" />
                </label>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-12">
      <div class="form-group">
        <label class="col-xs-9 col-sm-8 col-md-6">
                    Please do the needful to evaluate the case and treat
                </label>
        <div class="col-xs-3 col-sm-4 col-md-6">
          <select name="ddlGender" class="form-control">
                        <option value="him">him</option>
                        <option value="her">her</option>
                    </select>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-12">
      <div class="form-group">
        <label class="col-xs-9 col-sm-8 col-md-6">
                    accordingly.
                </label>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-12">
      <div class="col-lg-12">
        <div class="pull-right text-center">
          <label>
                        Regards and Respect<br />
                        from<br />
                        Dr. Jayesh Hathi
                    </label>
        </div>
      </div>
    </div>
  </div>
  <br />
  <div class="row">
    <div class="col-lg-12">
      <div class="col-xs-4">
        <input type="button" value="Save" class="btn btn-block btn-primary" id="BtnSave" />
      </div>
      <div class="col-xs-4">
        <input type="button" value="Print" class="btn btn-block btn-primary" />
      </div>
      <div class="col-xs-4">
        <input type="button" value="Cancel" class="btn btn-block btn-default" />
      </div>
    </div>
  </div>
</div>
正如您在所附图像中看到的,我在数组元素中得到了
标记。我想把它去掉。我已经尝试用空格替换br标记

另外,我不想要输入类型按钮的文本。我该怎么办

输出图像:
代码笔:


.replace(/\s+//g,”)
将连续的空格替换为单个空格。

jQuery
.serialize()
函数已经知道如何收集所有表单值。@Pointy:serialize将只返回文本框值。我还需要label值,
label
元素的用法不恰当。它们只能用于标记表单元素(通过包装文本和元素,或通过使用
for
属性。From:HTML
元素表示用户界面中某个项目的标题。如何忽略按钮文本?
$("#BtnSave").click(function() {
  var values = [];
  $('input,select,label').each(function() {
    if ($(this).val() != "") {
      values.push($(this).val().trim().replace(/&lt;br&gt;/g, " "));
    } else {
      values.push($(this).text().trim().replace(/&lt;br&gt;/g, " "));
    }
  });
  console.log(values);
});
$("#BtnSave").click(function() {
  var values = [];
  $('input,select,label').each(function() {
    if($(this).attr('type') == 'button')) return true;
    if ($(this).val() != "") {
      values.push($(this).val().trim().replace(/&lt;br&gt;/g, " "));
    } else {
      values.push(($(this).text().trim().replace(/&lt;br&gt;/g, " ")).replace(/\s+/g, " "));
    }
  });
  console.log(values);
});