0

我在这里遇到了一个非常奇怪的问题。

如果其中一个更改所选值，我有两个选择字段将输出显示相同的结果。

这是代码：

    var qlt,internalQ;

    if (jQuery("#qlt").length>0){
                qlt =       (jQuery("#qlt").val()).split(":")[0];   
                qltDesc =   (jQuery("#qlt").val()).split(":")[1]; 
            }

    if (jQuery("#internalQ").length>0){
                internalQ = (jQuery("#internalQ").val()).split(":")[0];     
                qltDesc =   (jQuery("#internalQ").val()).split(":")[1]; 
            }

    <?php if(is_single('booklets')) { ?> 
    jQuery('#qlt').change(function(){ 
        if  (qlt=="4-1")                {   jQuery('#internalQ').val('4-1:Matt 90gsm');         }
            else if(qlt=="4-2")         {   jQuery('#internalQ').val('4-2:Silk/matt 128gsm');   }
            else if(qlt=="4-3")         {   jQuery('#internalQ').val('4-3:Silk/Matt 150gsm');   }
            calculate();
        }); 

        jQuery('#internalQ').change(function(){ 
            if  (internalQ=="4-1")      {   jQuery('#qlt').val('4-1:Matt 90gsm');               }
            else if(internalQ=="4-2")   {   jQuery('#qlt').val('4-2:Silk/matt 128gsm');         }
            else if(internalQ=="4-3")   {   jQuery('#qlt').val('4-3:Silk/Matt 150gsm');         }
            calculate();
        }); 
    <?php } ?>

问题是每个 JQuery.change 函数 (else if(internalQ=="4-3"和else if(qlt=="4-3")) 的最后条件没有按预期工作。该值将变回第一个选项，而不是第三个。

如果我的描述不清楚，我的当前页面是：http://210.48.94.218/~printabl/products/booklets/

我正在谈论的领域Cover Quality是Internal Quality

问：我在这里错过了什么吗？你能指出来吗？任何帮助将不胜感激。

4

3 回答 3

1

我认为这个问题源于你的设置qlt和internalQ静态之外jQuery().change(function(){});

尝试设置里面的值 -

var qlt,internalQ;

jQuery('#qlt').change(function(){ 

    qlt =  (jQuery(this).val()).split(":")[0];  // set the value of qlt

    if(qlt=="4-1"){   
       jQuery('#internalQ').val('4-1:Matt 90gsm');
    }
    else if(qlt=="4-2"){
       jQuery('#internalQ').val('4-2:Silk/matt 128gsm');
    }
    else if(qlt=="4-3"){
       jQuery('#internalQ').val('4-3:Silk/Matt 150gsm');
    }
        calculate();
    }); 

jQuery('#internalQ').change(function(){

   internalQ = (jQuery(this).val()).split(":")[0]; // set the value of internalQ    

   if(internalQ=="4-1"){   
      jQuery('#qlt').val('4-1:Matt 90gsm');
   }
   else if(internalQ=="4-2"){   
      jQuery('#qlt').val('4-2:Silk/matt 128gsm');
   }
   else if(internalQ=="4-3"){
      jQuery('#qlt').val('4-3:Silk/Matt 150gsm');
   }
   calculate();
}); 
<?php } ?>

看到这个 jsFiddle 例子 - http://jsfiddle.net/zYg2P/1/

于 2013-07-03T03:09:08.150 回答
1 
jQuery('#qlt').change(function(){
   var qlt = jQuery(this).val().split(":")[0];
   if(qlt.length > 0){
      //do your if else here
   }
)};

对#internalQ 执行相同的操作。

如果您不想每次都检查长度，只需避免函数中的 if 语句

于 2013-07-03T03:08:34.097 回答
0

伙计们，我已经解决了这个问题。它实际上是我的坏。

我有一个默认的 HTML 代码，用于显示Cover Quality和Internal Quality：

<tr>                                                                                 
    <td><?php echo"Cover Quality";?></td>   
    <td>
                 <select id="qlt" name="quality">
        <option value="4-1:Matt 90gsm">Matt 90gsm</option>
        <option value="4-2:Silk/matt 128gsm">Silk/Matt 128gsm</option>
        <option value="4-3:Silk/matt 150gsm">Silk/Matt 150gsm</option>
         </select></td>     
</tr>

我用jQuery($element).val('$val')来更改默认值。

我做错的是：在“封面和内部质量”的第三个选项中

else if (internalQ=="4-3") {jQuery('#qlt').val('4-3:Silk/Matt 150gsm'); }

代替：

else if (internalQ=="4-3") {jQuery('#qlt').val('4-3:Silk/matt 150gsm'); }

不同之处在于值中的大写“M”和小“m”。

所以我更改了 jQuery 代码中的第三个值（或者您可以更改 HTML），以便该值与 HTML 中的值完全匹配。解决了！:)

感谢及时帮助并提供一些想法的 stackoverflow 专业人士。现在我知道这个问题的原因是什么了。

我将更改标题，以便将遇到相同问题的程序员定向到该帖子。

于 2013-07-03T05:17:56.623 回答