jQuery：如何使用函数的返回值到另一个函数

问题描述：

我有这个jQuery脚本。我想将函数stockArt()的返回值用于函数prod_actname()。看来我错过了一些东西，或者我的实现是错误的。我怎么可能做到这一点？jQuery：如何使用函数的返回值到另一个函数

另一种情况是当StockArt()值更改时，活动名称也必须更新。

说库存艺术颜色是绿色的。并且活动名称颜色也会更新为绿色，而不从prod_actname()功能中选择绿色。随着StockArt颜色也在变化，它会自动变化。他们必须是相同的颜色。

jQuery(document).ready(function($) { 
$('#preview_design').css("background-color","black"); 
$('#stock_art').change(function() {  
    var retVal = stockArt(); 
    $('#prod_actname').data("stockData", retVal);  
}); 

$('#prod_actname').change(function() {  
    var stockData = $('#prod_actname').data("stockData"); 
    prod_actname(stockData); 
}); 


function stockArt() 
{ 

    var returnValue = null; 
    var selectStock_Art = $('#stock_art :selected').val(); 

     if(selectStock_Art == '31145-RB-emb')  
      { // green 
       $('#stockArt_img').removeClass().addClass('stock_art_grbg1');   
      } 
     else if(selectStock_Art == '33441-RB-emb1') 
      { // yellow 
       $('#stockArt_img').removeClass().addClass('stock_art_yebg2'); 
      } 
     else if(selectStock_Art == '33441-RB-emb2') 
      { // gold 
       $('#stockArt_img').removeClass().addClass('stock_art_gobg3'); 
      } 
     else { 
       $('#stockArt_img').removeClass(); 
      } 

    returnValue = selectStock_Art; 

return returnValue; 

} 


function prod_actname(stockData){ 

var StockArtResult = stockData; 
    //User stockData as needed 
    // assign the value to a variable, so you can test to see if it is working 
    var selectActivity_Name = $('#prod_actname :selected').val(); 
    //alert(selectActivity_Name); 

    if(selectActivity_Name == 'Baseball') 
     { 
      $('#activityName_img').removeClass(); 

      if(stockArtValue == '31145-RB-emb'){ 

       $('#activityName_img').addClass('activity_name_GRbg1'); 
      } 
      else if(stockArtValue == '33441-RB-emb1'){ 
       $('#activityName_img').addClass('activity_name_YEbg1'); 

      }else if(stockArtValue == '33441-RB-emb2') { 
       $('#activityName_img').addClass('activity_name_GObg1'); 

      } 

     } 
    else if(selectActivity_Name == 'Basketball') 
     { 
      $('#activityName_img').removeClass(); 

      if(stockArtValue == '31145-RB-emb'){ 

       $('#activityName_img').addClass('activity_name_GRbg2'); 
      } 
      else if(stockArtValue == '33441-RB-emb1'){ 
       $('#activityName_img').addClass('activity_name_YEbg2'); 

      }else if(stockArtValue == '33441-RB-emb2') { 
       $('#activityName_img').addClass('activity_name_GObg2'); 

      } 

     } 
    else if(selectActivity_Name == 'Boys Basketball') 
     { 
      $('#activityName_img').removeClass(); 

      if(stockArtValue == '31145-RB-emb'){ 

       $('#activityName_img').addClass('activity_name_GRbg3'); 
      } 
      else if(stockArtValue == '33441-RB-emb1'){ 
       $('#activityName_img').addClass('activity_name_YEbg3'); 

      }else if(stockArtValue == '33441-RB-emb2') { 
       $('#activityName_img').addClass('activity_name_GObg3'); 
      } 

     } 
    else if(selectActivity_Name == 'Girls Basketball') 
    { 
     $('#activityName_img').removeClass(); 

     if(selectStock_Art == '31145-RB-emb'){ 

      $('#activityName_img').addClass('activity_name_GRbg4'); 
     } 
     else if(selectStock_Art == '33441-RB-emb1'){ 
      $('#activityName_img').addClass('activity_name_YEbg4'); 

     }else if(selectStock_Art == '33441-RB-emb2') { 
      $('#activityName_img').addClass('activity_name_GObg4'); 
     } 

    } 

}

}）;

答

一种方法是将stockArt（）的输出存储在变量中，然后将其作为参数传递给prod_actname（）。为此，您需要修改prod_actname（）函数的函数签名以接受参数。像这样的东西

var stockArtValue; 
$('#stock_art').change(function() {  
    stockArtValue = stockArt();  
}); 

$('#prod_actname').change(function() {  
    prod_actname(stockArtValue); 
}); 

function prod_actname(val){ 

.... 

}

对于某些情况下，考虑stockTargetValue变量确实发生了变化可能是有用的。您通常可以使用另一个状态变量来指示。或者，如果您知道可能的输入值集合，那么您使用该输入值集合之外的值对其进行初始化并检查它。

答

使用data属性来存储'#prod_actname'的数据，并稍后访问它。你可以利用这个jQuery.data。试试这个

jQuery(document).ready(function($) { 
    $('#preview_design').css("background-color","black"); 
    $('#stock_art').change(function() {  
     var retVal = stockArt(); 
     $('#prod_actname').data("stockData", retVal);  
    }); 

    $('#prod_actname').change(function() {  
     var stockData = $('#prod_actname').data("stockData"); 
     prod_actname(stockData); 
    }); 


    function stockArt() 
    { 

     var returnValue = null; 
     var selectStock_Art = $('#stock_art :selected').val(); 

      if(selectStock_Art == '31145-RB-emb')  
       { // green 
        $('#stockArt_img').removeClass().addClass('stock_art_grbg1');   
       } 
      else if(selectStock_Art == '33441-RB-emb1') 
       { // yellow 
        $('#stockArt_img').removeClass().addClass('stock_art_yebg2'); 
       } 
      else if(selectStock_Art == '33441-RB-emb2') 
       { // gold 
        $('#stockArt_img').removeClass().addClass('stock_art_gobg3'); 
       } 
      else { 
        $('#stockArt_img').removeClass(); 
       } 

     returnValue = selectStock_Art; 

    return returnValue; 

    } 

    var stockArtValue = stockArt(); 

    function prod_actname(stockData){ 
     //User stockData as needed 
     // assign the value to a variable, so you can test to see if it is working 
     var selectActivity_Name = $('#prod_actname :selected').val(); 
     //alert(selectActivity_Name); 

     if(selectActivity_Name == 'Baseball') 
      { 
       $('#activityName_img').removeClass(); 

       if(stockArtValue == '31145-RB-emb'){ 

        $('#activityName_img').addClass('activity_name_GRbg1'); 
       } 
       else if(stockArtValue == '33441-RB-emb1'){ 
        $('#activityName_img').addClass('activity_name_YEbg1'); 

       }else if(stockArtValue == '33441-RB-emb2') { 
        $('#activityName_img').addClass('activity_name_GObg1'); 

       } 

      } 
     else if(selectActivity_Name == 'Basketball') 
      { 
       $('#activityName_img').removeClass(); 

       if(stockArtValue == '31145-RB-emb'){ 

        $('#activityName_img').addClass('activity_name_GRbg2'); 
       } 
       else if(stockArtValue == '33441-RB-emb1'){ 
        $('#activityName_img').addClass('activity_name_YEbg2'); 

       }else if(stockArtValue == '33441-RB-emb2') { 
        $('#activityName_img').addClass('activity_name_GObg2'); 

       } 

      } 
     else if(selectActivity_Name == 'Boys Basketball') 
      { 
       $('#activityName_img').removeClass(); 

       if(stockArtValue == '31145-RB-emb'){ 

        $('#activityName_img').addClass('activity_name_GRbg3'); 
       } 
       else if(stockArtValue == '33441-RB-emb1'){ 
        $('#activityName_img').addClass('activity_name_YEbg3'); 

       }else if(stockArtValue == '33441-RB-emb2') { 
        $('#activityName_img').addClass('activity_name_GObg3'); 
       } 

      } 
     else if(selectActivity_Name == 'Girls Basketball') 
     { 
      $('#activityName_img').removeClass(); 

      if(selectStock_Art == '31145-RB-emb'){ 

       $('#activityName_img').addClass('activity_name_GRbg4'); 
      } 
      else if(selectStock_Art == '33441-RB-emb1'){ 
       $('#activityName_img').addClass('activity_name_YEbg4'); 

      }else if(selectStock_Art == '33441-RB-emb2') { 
       $('#activityName_img').addClass('activity_name_GObg4'); 
      } 

     } 

    } 

});

谢谢@Chandu这个完美的作品。我也看了jQuery.data。 –

我陷入了另一种情况。当存货更改并且活动名称也必须更新时。我尝试'.data'来实现它，但没有运气。你能帮我吗。 –

我不知道我明白你在说什么。你能详细说明吗？ – Chandu

答

你可以在属性保存其价值...

jQuery(document).ready(function($) { 

var StockArtResult = null; 

$('#stock_art').change(function() {  

    StockArtResult = stockArt();  
}); 

$('#prod_actname').change(function() {  

    if(StockArtResult != null) 
    {   
     prod_actname(StockArtResult); 
    } 
});

}）;

jQuery：如何使用函数的返回值到另一个函数

相关推荐