Question

我有一个链接按钮表，然后单击我打开一个Bootstrap模式。我可以根据使用.html（）为特定元素类或id单击的行将数据传递给模态，但我无法设置隐藏输入字段或按钮的value或data-id属性。然而，我可以设置常规文本输入的值（不隐藏）。

脚本

<script type="text/javascript">
        $('#ratepop').on('show.bs.modal', function(e) {
            var $modal = $(this),
            aid   = e.relatedTarget.id;
            title = '<strong>Rate:</strong> ' + e.relatedTarget.title;
            newsrc = e.relatedTarget.name;

            //$('#aid').attr('data-id', '222');
            $('#aid').val('222');
            $('#ratepop_label').html(title);
            $('#news_src').html(newsrc);
        });
</script>

模态

<div class="modal fade" id="ratepop" tabindex="-1" role="dialog" aria-labelledby="ratepop_label" aria-hidden="true">
<div class="modal-dialog" role="document">
<form role="form" id="arate_form" method="POST">
<div class="modal-content">
  <div class="modal-header bkgcol-baby-blue">
    <h4 class="modal-title light-black" id="ratepop_label"></h4>
    <br />
    <div><span id="news_src" class="label label-info article_source"></span></div>
  </div>
  <div class="modal-body margin_left">
    <div class="form-group">
        <div class="radio">
            <label class="radio-inline">
              <input name="radioGroup" value="1" checked="" type="radio">Radio 1
            </label>
        </div>
            <div class="radio">
            <label class="radio-inline">
              <input name="radioGroup" value="2" type="radio">Radio 2
            </label>
        </div>
            <div class="radio">
            <label class="radio-inline">
              <input name="radioGroup" value="3" type="radio">Radio 3
            </label>
        </div>

    </div>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
    <button type="submit" id="rate_button" class="btn btn-info">Rate</button>
    <input type="text" style="display:none;" name="aid" id="aid" data-id="" value="">
  </div>
</div>
</form>

Answer 1

对于数据，请尝试使用.data（）代替：

 $('#aid').data('id', '222');

我看不出为什么价值不起作用，应该没问题

Answer 2

你应该使用jQuery的attr（）函数。 data（）也可以工作，但不会在所有情况下都有效。试试这个：

$('#aid').attr('data-id', '222');

我希望它可以帮到你。

Answer 3

这一直在努力。源代码未显示传递给模态的值，即使值在模态中可见。当我在模态中提交表单时，返回指定的值。因此，在HTML（源视图）中设置的帮助不可见。问题已解决。

无法设置隐藏属性或显示无表格输入

3 个答案: