从html表到单元格上的输入

时间:2015-12-16 10:46:25

标签: javascript jquery html

我有很多单元格,如果我点击单元格即可获取“项目名称,项目数量和项目格式”等数据,并提醒:

$(function() {
  $('#table').on('click', 'td', function(e) {
      var format = e.delegateTarget.tHead.rows[0].cells[this.cellIndex],
          quantity  = this.parentNode.cells[0],
          name = document.querySelectorAll("#item_name");

          alert([$(name).text(), $(quantity).text(), $(format).text()]);
  })
});

现在问题是,我想将这些数据传递给我的联系表单到禁用的输入字段。但我真的不知道如何。我希望你能明白我的意思! 表格的网址是:mydoamin.com/catalog/item/1 要联系的网址是:mydomain.com/contact

输入字段的代码:

<div class="form-group">
<label for="subject" class="control-label">Bestellung</label>
<?php print form_error('order'); ?>
<?php print form_input('order', set_value('order'), 'placeholder="" class="form-control" id="disabledInput" disabled'); ?>
</div>

表和JS代码: https://jsfiddle.net/0bof336t/1/

谢谢!

1 个答案:

答案 0 :(得分:1)

您可以使用$('#disabledInput').val(<value to insert>);向输入中插入值。在你的情况下:$('#disabledInput').val($(name).text());

$(function() {
      $('#table').on('click', 'td', function(e) {
          var format = e.delegateTarget.tHead.rows[0].cells[this.cellIndex],
              quantity  = this.parentNode.cells[0],
              name = document.querySelectorAll("#item_name");
                $('#disabledInput').val($(name).text());
              alert([$(name).text(), $(quantity).text(), $(format).text()]);
      })
    });

如果您的输入位于其他页面中,则应通过get方法或Cookie传递值。

通过GET方法

Javacript

$(function() {
      $('#table').on('click', 'td', function(e) {
          var format = e.delegateTarget.tHead.rows[0].cells[this.cellIndex],
              quantity  = this.parentNode.cells[0],
              name = document.querySelectorAll("#item_name");
                window.location.replace('url/?value='+$(name).text());
      })
    });

然后在你的php文件中应该是这样的: <?php print form_input('order', $_GET['value'], 'placeholder="" class="form-control" id="disabledInput" disabled'); ?>

按COOKIE方法

的Javascript

$(function() {
          $('#table').on('click', 'td', function(e) {
              var format = e.delegateTarget.tHead.rows[0].cells[this.cellIndex],
                  quantity  = this.parentNode.cells[0],
                  name = document.querySelectorAll("#item_name");
                  document.cookie = inputValue + "=" + $(name).text()+ "; " + 3600000 +"; path=/";
          })
        });

然后你可以使用php访问cookie并从中选择值。