当我点击星级评分输入时,href会转到下一页

时间:2016-10-13 11:35:37

标签: html

在我的页面上,我有一张桌子。在表中有一个td,其中我显示平均评级输入。我希望当我点击平均评分页面时,href会转到下一页。

有谁能告诉我这是怎么可能的?

这是我的HTML,但它不起作用。

<table>
  <tr>
    <td><a href='supp_view_screen.php?id=$encrypt_id'><input id='rating-input' type='number' readonly value='".$last_cal."' step='1' class='rating'/></a></td>
  </tr>
</table>

2 个答案:

答案 0 :(得分:1)

使用此代码段:

&#13;
&#13;
<table>
  <tr>
    <td><a href='supp_view_screen.php?id=$encrypt_id' target='_blank'><input id='rating-input' type='number' readonly value='".$last_cal."' step='1' class='rating'/></a></td>
  </tr>
</table>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

一个好的经验法则是:

  

如果没有有意义的href,那么它就是一个按钮

在您的情况下,元素可以是<button>元素,跨度,甚至是图像。

我所说的是在这里使用href是不正确的。你最好做的是使用ajax调用从控制器获取数据。

$('#rating-input').click(function (e) {
    "use strict";
    e.preventDefault();
    $.ajax({
        data: user,
        method: 'POST',
        url: 'supp_view_screen.php?id=$encrypt_id',
        done: function () {
            //Do something after its done
        },
        success: function (data) {
            //Append your data to the DOM
        },
        error: function (xhr, status) {
            //Do something on error
        }
    });
});
如果您在<button>内使用<form>或使用提交类型<input>,则需要使用preventDefault。