如何使用 jQuery 保存属性值并在 php 表单中使用？答案

【问题标题】：how to save attribute value using jQuery and use in the php form?如何使用 jQuery 保存属性值并在 php 表单中使用？
【发布时间】：2017-11-27 12:44:28
【问题描述】：

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

还有两个按钮“Add Medicine”和“Add More Medicine”。

例如：

<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>

当我点击“添加药物” 时，它会显示弹出窗口以提交客户详细信息以及点击信息，例如名称和价格。终于完美提交了。

现在，如果我点击“添加更多药物”：客户必须是搜索输入框的焦点，并且必须保存单击元素的值以供客户转到弹出窗口时使用。并且这个点击信息应该会显示在表单中。

弹出表单 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();
        });
   });

【问题讨论】：

标签： jquery magento

【解决方案1】：

目前看起来不错，但您应该切换属性名称。您使用的名称无效。见https://www.w3schools.com/tags/att_global_data.asp

改变：电话到数据电话 mname 到 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');

【讨论】：