提交类似的ajax表单后留在页面上

时间:2017-11-12 21:51:42

标签: javascript php jquery ajax

也许你可以提供帮助,因为我有 - 我认为 - ajax的特殊问题。

我想做什么 我有一个新闻源,在帖子之间我显示包含表格的div,例如民意调查。应允许用户进行交互并提交结果。

目标是什么 用户应该进行交互,提交结果并留在页面上,查看我将通过JavaScript / jQuery显示的结果文本。

问题是什么? 带有元素的div是随机创建的,因此有多个元素彼此相似,只是不同的(随机)内容。有技能要求和技能等级。我会解析ID,但不知道如何点击。

我有什么? 该脚本到目前为止工作。我可以成功地将数据插入到表中,并且我有一个尊重所有" stock-scripts"的脚本,但只对我点击的那个做出反应。

代码在哪里? 这是我目前的代码。 这些是div容器和形式:

select cust_no, sum(value) from (
  select cust_no
       , case when inv_type='D' then [value] else -[value] end [value]    
    from INVOICES
) SUMS
group by cust_no

第二个:

<div class="w3-white w3-center"><h3>Please rate '.$fname.' '.$lname.'&#039;s '.$skillname.'-skill '.$skid.'.</h3>
        <form name="skill_rating"   method="post" id="'.$lname.$skillname.'">
            <input type="hidden" name="sid" id="sid" value="'.$skid.'" />
            <input type="hidden" name="aid" id="aid" value="'.$aid.'" />

          <span>
            <input type="radio" name="rating" value="1" checked> 1
            <input type="radio" name="rating" value="2"> 2
            <input type="radio" name="rating" value="3"> 3
            <input type="radio" name="rating" value="4"> 4
            <input type="radio" name="rating" value="5"> 5
            <input type="radio" name="rating" value="6"> 6
            <input type="radio" name="rating" value="7"> 7
            <input type="radio" name="rating" value="8"> 8
            <input type="radio" name="rating" value="9"> 9
            <input type="radio" name="rating" value="10"> 10    <br>                                                                      
         </span>

         <input type="submit" name="submit" />

    </form>
</div>

单独使用脚本就像你现在看到的一样。但是,当使用两种形式的两个函数时,即使使用#skill_rating和#skill_request,或尝试解决不同的问题,它也不起作用。

    <div class="w3-white w3-center"><h3>Does '.$conx_ufn.' '.$conx_uln.' have the skill '.$skill.'?</h3>
        <form id="'.$conx_usr.$skill_id.'" name="skill_request" class="skill_request" method="post">

                <input type="hidden" name="uid" value="'.$uid.'" />
                <input type="hidden" name="usr" value="'.$conx_usr.'" />
                <input type="hidden" name="skid" value="'.$skill_id.'" />           
                <span>
                  No
                  <input type="radio" name="vote" value="0">
                  Yes
                  <input type="radio" name="vote" value="1">
                </span>

                <input type="submit" name="submit1" value="submit" class="submit1">                                 
        </form>
    </div>

对此有什么解决方案?我尝试过一些东西,但直到现在还没有成功。 提前谢谢。

编辑:兰德尔对于身份证是正确的,并且通过某种奇怪的假设我认为ID部分是不可能的。错误。它是。我将此应用于我的代码。

编辑通知:我添加了一个单独工作的脚本。更改了说明。

2 个答案:

答案 0 :(得分:0)

同时从当前表单中取出action="feed_skill_request.php"标记。

$('#".$formId."').submit(function() {
    $.post('feed_skill_request.php', $(this).serialize(), function(res) {
        alert('Response from the form post: '+res)
        // $('#success-message').html(res)
    })
})

答案 1 :(得分:0)

我认为提交输入类型=“按钮”将起作用