Question

我想通过JS将数据传输到隐藏输入。我尝试这样做，但它不起作用

$(document).ready(function() {
  $('.formmenu_1 formmenu_a  non_1 div').click(function() {
    $('#1_bil').val($(this).html());
  });
  $('.formmenu_1 formmenu_n formmenu_on  non_1 div').click(function() {
    $('#2_bil').val($(this).html());
  });
  $('.formmenu_1 formmenu_n formmenu_on  non_1 div').click(function() {
    $('#3_bil').val($(this).html());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="1_bil" name="z_bil" class="formmenu_1 formmenu_a  non_1">11111111111</div>

<input type="hidden" id="1_bil" name="1_bil" />
<div id="2_bil" name="z_bil" class="formmenu_1 formmenu_n formmenu_on  non_1">22222222222222</div>

<input type="hidden" id="2_bil" name="2_bil" />
<div id="3_bil" name="z_bil" class="formmenu_1 formmenu_n formmenu_on  non_1">3333333333333</div>

<input type="hidden" id="3_bil" name="3_bil" />
</div>

Answer 1

您的选择器错误，并且您有多个相同的ID

使用一个类来拥有一个函数并读取id或使用数据属性或$(this).next()

DIV也没有名称属性

我将输入更改为文本以提高可见性 - 准备好后将其更改回隐藏状态

$(function() {
  $('div.formmenu_1').on('click', function() {
    $('#' + this.id + '_input').val($(this).html());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="1_bil" class="formmenu_1 formmenu_a  non_1">11111111111</div>
<input type="text" id="1_bil_input" name="1_bil" />

<div id="2_bil" class="formmenu_1 formmenu_n formmenu_on  non_1">22222222222222</div>
<input type="text" id="2_bil_input" name="2_bil" />

<div id="3_bil" class="formmenu_1 formmenu_n formmenu_on  non_1">3333333333333</div>
<input type="text" id="3_bil_input" name="3_bil" />

或使用ID作为名称：

$(function() {
  $('div.formmenu_1').on('click', function() {
    $('[name='+this.id+']').val($(this).html());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="1_bil" class="formmenu_1 formmenu_a  non_1">11111111111</div>
<input type="text" name="1_bil" />

<div id="2_bil" class="formmenu_1 formmenu_n formmenu_on  non_1">22222222222222</div>
<input type="text" name="2_bil" />

<div id="3_bil" class="formmenu_1 formmenu_n formmenu_on  non_1">3333333333333</div>
<input type="text" name="3_bil" />

如何将数据传输到输入？

1 个答案: