Javascript 删除<;br/>;获取所有控件的值时,Jquery中的标记和按钮文本
我试图使用JQuery获取表单中所有HTML控件的值。以下是我的HTML代码: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
<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(/<br>/g, " "));
} else {
values.push($(this).text().trim().replace(/<br>/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(/<br>/g, " "));
} else {
values.push(($(this).text().trim().replace(/<br>/g, " ")).replace(/\s+/g, " "));
}
});
console.log(values);
});