Javascript:将值归因于 id 这段代码有什么问题?

标签 javascript jquery wordpress variables cookies

这里的事情是,我有这段代码,它应该将变量的结果输出到通过电子邮件发送的 WordPress 隐藏字段的联系表单 7 中(我有模块插件来启用隐藏字段),但我不认为我显示的 id 正在获取值 i 属性,我对代码进行了 linted,它所说的只是多个变量声明,这不应该成为问题,因为它是一个 if 语句,所以,永远不会有双重声明变量。

这是我用来将脚本中创建的 cookie(使用 jQuery.cookie)转换为输出到我网站中的表格的文本的代码,但不仅仅是将其输出到表格,我还想通过电子邮件发送它对于用户,我已经准备好了 contact-form 7 表格来执行此操作,我只需要指定返回变量的值(或至少其中一个,最后一个是价格,我不需要通过email) 到联系表单字段 id,昨天在 stackoverflow 有人给了我将值传递到联系表单 7 的代码,但我担心它不起作用:/

 function readRims() {
var rims_read = $.cookie('rim_color');
if (rims_read=="black" ) {
    var jantes = 'Pretas';
    var preco = 'Sob Consulta';
}
else if (rims_read=="silver"){
    var jantes = 'De Série';
    var preco = '';
}
else if (rims_read=="white"){
    var jantes = 'Brancas';
    var preco = 'Sob Consulta';
}
else if (rims_read=="titanium"){
    var jantes = 'Titanium';
    var preco = 'Sob Consulta';
}
else {
    var jantes = 'Escolha as Jantes';
    var preco =' ';
}
$('#cfg_rims').val(jantes);
return {
    jantes: jantes, 
    preco: preco
    };
}

HTML

[hidden modelo id:cfg_model]
[hidden cor id:cfg_color]
[hidden jantes id:cfg_rims]
[hidden ac id:cfg_ac]
[hidden abs id:cfg_abs]
[hidden alarme id:cfg_alarm]
[hidden led id:cfg_led]
[hidden chapeleira id:cfg_chapeleira]

<p>Oferecemos a possibilidade de enviar um email à nossa equipa com as suas escolhas no nosso configurador como manifestação de interesse, preencha o seguinte formulário e carregue em enviar para proceder ao envio da informação, a nossa equipa entrará em contacto consigo para dar seguimento à manifestação de interesse.</p>


<p>O seu Nome<br/></p>
[text* nome]

<p>O seu Email<br/></p>
[email* email]

<p>Observações<br/></p>
[textarea obs]

<p>[submit "Enviar"]</p>

最佳答案

尝试

<table class="tab_cfg" align="center" width="70%" cellspacing="0"
    cellpadding="10">
    <tr style="border-bottom: none;">
        <th colspan="4"><br />
            <p>Abra o Configurador e siga todos os passos, a tabela abaixo
                vai mostrar os resultados que escolheu:</p></th>
    </tr>
    <tr>
        <th colspan="4"><a class="readon"
            href="http://popo.com.pt/POPO/configurador/cfg/page_model/configurador_model.html"
            rel="rokbox[550 600]">Configurador</a> <a class="readon"
            href="javascript:setCookies(); document.location.reload(true)">Reset</a>
        </th>
    </tr>
    <tr>
        <td colspan="2">&nbsp;</td>
        <td>Característica</td>
        <td>Preço</td>
    </tr>
    <tr>
        <td colspan="2">Modelo</td>
        <td><p class="modelo-modelo"></p></td>
        <td><p class="modelo-preco"></p></td>
    </tr>
    <tr>
        <td colspan="2">Cor</td>
        <td><p class="color"></p></td>
        <td></td>
    </tr>
    <tr>
        <td colspan="2">Jantes</td>
        <td><p class="rims-jantes"></p></td>
        <td><p class="rims-preco"></p></td>
    </tr>



    <tr>
        <td style="border-right: 1px solid #d1d1d1;" rowspan="6">Extras</td>
        <td>ABS</td>
        <td><p class="abs-abs"></p></td>
        <td><p class="abs-preco"></p></td>
    </tr>
    <tr border="1px">
        <td>Ar Condicionado</td>
        <td><p class="ac-ac"></p></td>
        <td><p class="ac-preco"></p></td>
    </tr>
    <tr>
        <td>Alarme</td>
        <td><p class="alarm-alarm"></p></td>
        <td><p class="alarm-preco"></p></td>
    </tr>
    <tr>
        <td>Luzes LED</td>
        <td><p class="led.led"></p></td>
        <td><p class="led.preco"></p></td>
    </tr>
    <tr style="border-bottom: none;">
        <td>Chapeleira</td>
        <td><p class="chapeleira-chapeleira"></p></td>
        <td><p class="chapeleira-preco"></p></td>
    </tr>
</table>

<script type="text/javascript">
    jQuery(function($) {
        var $table = $('.tab_cfg');

        var modelo = readModel();
        $table.find('.modelo-modelo').html(modelo.modelo)
        $table.find('.modelo-preco').html(modelo.preco)

        $table.find('.color').html(readColor())

        var jantes = readRims();
        $table.find('.rims-jantes').html(jantes.modelo)
        $table.find('.rims-preco').html(jantes.preco)

        var abs = readABS();
        $table.find('.abs-abs').html(abs.modelo)
        $table.find('.abs-preco').html(abs.preco)

        var ac = readAC();
        $table.find('.ac-modelo').html(ac.modelo)
        $table.find('.ac-preco').html(ac.preco)

        var alarm = readAlarm();
        $table.find('.alarm-modelo').html(alarm.modelo)
        $table.find('.alarm-preco').html(alarm.preco)

        var led = readLED();
        $table.find('.led-modelo').html(led.modelo)
        $table.find('.led-preco').html(led.preco)

        var chapeleira = readChap();
        $table.find('.chapeleira-modelo').html(chapeleira.modelo)
        $table.find('.chapeleira-preco').html(chapeleira.preco)

    })
</script>

关于Javascript:将值归因于 id 这段代码有什么问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18653390/

相关文章:

javascript - jQuery 循环添加幻灯片 "alt"

javascript - 如何在函数中使用 ng-tags-input 添加或删除标签

javascript - 在 javascript 中通过数组进行过滤

值更改时的Javascript文本框调用事件

php - 根据泛型函数中的参数动态添加 ajax 处理程序

jquery - 当我将鼠标悬停在图像上时,如何使文本改变颜色

wordpress - 用于订单更新的 Woocommerce Hook

mysql - Wordpress 高级 SQL - 连接和计数

javascript - 更改脚本中的图像

php - 我可以在 Woocommerce 电子邮件中按类别对订单商品进行排序吗