而不是名称?"/>
如何使标签显示而不是名称?
我的表单应包含key=>value
对,其中key
应为表单的label
,而value
应为用户输入的详细信息,
我的问题是获取字段的name
而不是label
,
预期output
:
ENTER YOUR AGE:25
但是我得到这样的输出:
name-preview : 25;
如何达到预期的output
?
var result = [];
$('div label').each(function() {
var $this = $(this);
var label = $this.text();
//console.log(label);
value = $this.siblings().attr('value');
//console.log(value);
result.push({
label: label,
value: value
});
});
console.log(result);
<script src=".0.3/jquery.min.js"></script>
<form action="uploaddata.php" method="POST">
<div class="form-group">
<label for="text-1483332101835-preview" class="fb-text-label">enter your age:</label>
<input type="text" class="form-control" name="age" value="25" id="mobNum">
</div>
回答如下:尝试一下—当您更改输入值时,结果数组将自动更新:
var result = [];
var input;
$('div label').each(function() {
var $this = $(this);
var label = $this.text();
input = $this.next();
result.push({
label: label,
value: input.val()
});
$this.next().on('keyup', function() {
result = [];
result.push({
label: label,
value: input.val()
});
$('h3').text('').text(JSON.stringify(result))
})
$('h3').text('').text(JSON.stringify(result))
});
console.log(result);
<script src="https://cdnjs.cloudflare/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form action="uploaddata.php" method="POST">
<div class="form-group">
<label for="text-1483332101835-preview" class="fb-text-label">enter your age:</label>
<input type="text" class="form-control" name="age" value="25" id="mobNum">
</div>
</form>
<h3></h3>
更多推荐
如何使标签显示而不是名称?
本文发布于:2024-05-07 03:24:09,感谢您对本站的认可!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
- 上一篇: java常用的API(一):Object类,Scanner类
- 下一篇: 华为面试试题
发布评论