如何使用jQuery保存属性值并在PHP表单中使用



我创建了自定义搜索,仅获得两个值,例如名称和价格。

和两个按钮" 添加药品"one_answers" 添加更多药物"。

例如:

<li>
    <span id="pharmacy-name-1" class="pharmacy-name" data-phone="12154">DIAGNOSTIC PH TEST STRIPS</span> 
    <span id="phamacy-price">$14.99</span>
    <span id="phamacy-btn" class="phamacy-btn" data-phone="12154" data-mname="DIAGNOSTIC PH TEST STRIPS">Add Medicne</span>
    <span id="phamacy-more-btn" data-phone="12154" data-mname="DIAGNOSTIC PH TEST STRIPS">Add More Medicine</span>
</li>

当我单击"添加药品" 时,它显示了弹出窗口以提交客户详细信息,并使用单击的信息(如name&amp;价格。最后,它提交完美。

现在,如果我单击"添加更多药":客户必须是对搜索输入框的重点,并且必须保存点击元素的值,以保存到客户进入弹出窗口时。此点击的信息应以表格显示。

弹出式形式jquery

$(document).ready(function () {
// open popup when click on Add Medicine button
        $(".pharmacy-list li span#phamacy-btn").click(function(){
            var textvalue = $(this).attr('data-mname');
            var textclass = $(this).attr('data-phone');
            $('#c77').val(textclass);
            $('#c82').val(textvalue);
            $("#transferdetailform").fadeIn();
        });
        $("#cancelpopup").click(function(){
            $("#transferdetailform").fadeOut();
        });
   });

到目前为止看起来不错,但是您应该切换属性名称。您使用的名称无效。请参阅https://www.w3schools.com/tags/att_global_data.asp

更改:打电话给数据电话mname to data-mname

<span id="phamacy-btn" class="phamacy-btn" data-phone="12154" data-mname="DIAGNOSTIC PH TEST STRIPS">Add Medicne</span>
<span id="phamacy-more-btn" data-phone="12154" data-mname="DIAGNOSTIC PH TEST STRIPS">Add More Medicine</span>

并在您的jQuery脚本中切换此部分:

var textvalue = $(this).attr('data-mname');
var textclass = $(this).attr('data-phone');

相关内容

  • 没有找到相关文章

最新更新