2013-12-18 64 views
0

我有一個計算應該顯示不同的圖像或文本由於給出的結果。 例如,如果結果是3和7之間應該有圖像1,如果是8和12之間 - >圖像2.jquery計算結果應該顯示圖像由於結果

我犯了一個的jsfiddle與實際狀態:http://jsfiddle.net/utSYb/

<form id="calx"> 
<table> 
<tbody> 
    <tr><td>Variable 1 </td><td><input id="th" type="text" name="th[]" value="77" /></td></tr> 
    <tr><td>Variable 2 </td><td><input id="ah" type="text" name="ah[]" value="132" /></td></tr> 
    <tr><td>Variable 3</td><td><select name="ih" id="ih"><option value="45">1"</option><option value="51">2"</option></select></td></tr> 
    <tr><td>Result</td><td><input id="x" type="text" name="x[]" value="" data-formula="($ah-$th-$ih+2)" /></td></tr> 
</tbody> 
</table> 
</form> 

您的信息,我使用這個腳本:http://www.xsanisty.com/project/calx/

感謝

+0

好吧,我看不到的地方,你甚至試圖用'img'標籤和'src',屬性,所以我不知道什麼是錯的。 – casraf

+0

我不知道如何編碼計算「之間」 - >顯示圖像。目前沒有圖像。不必是一個形象。也可以只是一個從顯示改變的div:none顯示:block f.e. – Max

+0

'if(result> = 3 && result <= 7){...} else if(result> = 8 && result <= 12){...}' – casraf

回答

1

試試這個

$('input').on('change', function() { 
    var x = $('#x').val(); 
    if (x > 3 && x < 7) { 
     //code to show image 
    } 
    //elseif for other statements and so on... 
}); 
+0

更新小提琴。不起作用。我是不是做錯了? – Max

+0

當'x'在4和6之間而不是3和7時,這將顯示圖像。 。 。 –

+0

@PatDobson OP問3到7之間,所以他想要4-5-6然後 – Anton

0

像這樣的東西你會理清:

if(result >= 3 && result <= 7){ 
    ... show image 1 ... 
}else if(result >= 8 && result <= 12){ 
    ... show image 1 ... 
}else{ 
    ... show default image . . . 
}