最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

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

网站源码admin21浏览0评论

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

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

我的表单应包含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>
发布评论

评论列表(0)

  1. 暂无评论