如何使标签显示而不是名称?

编程入门 行业动态 更新时间:2024-10-27 12:31:57

如何使标签显示<a href=https://www.elefans.com/category/jswz/34/1771316.html style=而不是名称?"/>

如何使标签显示而不是名称?

我的表单应包含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小时内删除。
本文标签:而不是   名称   标签

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!