2013-02-22 5 views
-3

나는 그래픽 디자이너가 아닌 프로그래머 해요하지만드롭 다운 목록의 총 크기는 어떻게 계산합니까?

내가의 유통 및 초 총 (이 테이블에 총 가격을 계산하는 방법을 알고 싶어요 온라인 양식을 웹 페이지에 대한 수수료를 만들기 위해 몇 가지 튜토리얼을 따라 public)>.> 매우 복잡하다는 것을 압니다.

코드 페이지에 cwolves 답변을 추가하려고했지만 제출 버튼과 충돌합니다. 버튼없이 자동으로 나타나지 않습니다 .. 테이블 아래에 나타 납니까?

여기이 테이블에서 좀 걸릴 수 있습니다 : http://jsfiddle.net/87JpK/

<table border="0" cellspacing="3" cellpadding="0"> 
    <tr> 
    <td width="125" height="30"><div align="left"><em3>&nbsp;Product's Name</em3></div></td> 
    <td width="85"><div align="left"><em3>Volume ml</em3></div></td> 
    <td width="110"><div align="left"><em3>Distributor</em3></div></td> 
    <td width="110"><div align="left"><em3>Public</em3></div></td> 
    <td width="200"><div align="left"><em3>Quantity (1 Pack=10 Units)</em3></div></td> 
    </tr> 
    <tr> 
    <td height="30"><label for="face_cream">&nbsp;&nbsp;<em4>Face Cream</em4></label></td> 
    <td>120</td> 
    <td>&nbsp;21.00&nbsp;&nbsp;<em2>(CHF)</em2></td> 
    <td>&nbsp;35.00&nbsp;&nbsp;<em2>(CHF)</em2></td> 
    <td><select name="face_cream" id="face_cream"> 
     <option value="0 Pack" selected="selected">Choose your quantity...</option> 
     <option value="1 Pack">1 Pack</option> 
     <option value="2 Packs">2 Packs</option> 
     <option value="3 Packs">3 Packs</option> 
     ... 
     <option value="99 Packs">99 Packs</option> 
     <option value="100 Packs">100 Packs</option> 
     </select></td> 
    </tr> 
    <tr> 
    <td height="30"><label for="body_cream">&nbsp;&nbsp;<em4>Body Cream</em4></label></td> 
    <td>250</td> 
    <td>&nbsp;36.00&nbsp;&nbsp;<em2>(CHF)</em2></td> 
    <td>&nbsp;59.00&nbsp;&nbsp;<em2>(CHF)</em2></td> 
    <td><select name="body_cream" id="body_cream"> 
     <option value="0 Pack" selected="selected">Choose your quantity...</option> 
     <option value="1 Pack">1 Pack</option> 
     <option value="2 Packs">2 Packs</option> 
     <option value="3 Packs">3 Packs</option> 
     ... 
     <option value="99 Packs">99 Packs</option> 
     <option value="100 Packs">100 Packs</option> 
     </select> 
    </td> 
    </tr> 
    <tr> 
    <td height="30"><label for="body_oil">&nbsp;&nbsp;<em4>Body Oil</em4></label></td> 
    <td>100</td> 
    <td>&nbsp;31.00&nbsp;&nbsp;<em2>(CHF)</em2></td> 
    <td>&nbsp;53.00&nbsp;&nbsp;<em2>(CHF)</em2></td> 
    <td><select name="body_oil" id="body_oil"> 
     <option value="0 Pack" selected="selected">Choose your quantity...</option> 
     <option value="1 Pack">1 Pack</option> 
     <option value="2 Packs">2 Packs</option> 
     <option value="3 Packs">3 Packs</option> 
     ... 
     <option value="99 Packs">99 Packs</option> 
     <option value="100 Packs">100 Packs</option> 
     </select></td> 
    </tr> 
    <tr> 
    <td height="30"><label for="face_wash">&nbsp;&nbsp;<em4>Face Wash</em4></label></td> 
    <td>200</td> 
    <td>&nbsp;26.00&nbsp;&nbsp;<em2>(CHF)</em2></td> 
    <td>&nbsp;39.00&nbsp;&nbsp;<em2>(CHF)</em2></td> 
    <td><select name="face_wash" id="face_wash"> 
     <option value="0 Pack" selected="selected">Choose your quantity...</option> 
     <option value="1 Pack">1 Pack</option> 
     <option value="2 Packs">2 Packs</option> 
     <option value="3 Packs">3 Packs</option> 
    ... 
     <option value="99 Packs">99 Packs</option> 
     <option value="100 Packs">100 Packs</option> 
     </select></td> 
    </tr> 
    <tr> 
    <td height="30"><label for="breast_oil">&nbsp;&nbsp;<em4>Breast Oil</em4></label></td> 
    <td>100</td> 
    <td>&nbsp;30.00&nbsp;&nbsp;<em2>(CHF)</em2></td> 
    <td>&nbsp;49.00&nbsp;&nbsp;<em2>(CHF)</em2></td> 
    <td><select name="breast_oil" id="breast_oil"> 
     <option value="0 Pack" selected="selected">Choose your quantity...</option> 
     <option value="1 Pack">1 Pack</option> 
     <option value="2 Packs">2 Packs</option> 
     <option value="3 Packs">3 Packs</option> 
    ... 
     <option value="99 Packs">99 Packs</option> 
     <option value="100 Packs">100 Packs</option> 
     </select></td> 
    </tr> 

</table> 

사전에 감사

+0

ER ... 왜 모든 것을 드롭 다운 목록에 넣으시겠습니까? 드롭 다운은 원하는 것을 쉽게 보거나 옵션을 제한하도록되어 있습니다. 이 경우 사용자가 숫자를 입력 할 수있는 텍스트 상자를 사용하는 것이 더 나을 것입니다. – Chains

+0

''가 더 좋을 것입니다. 다른 단위 유형으로 구매할 수있는 방법이 없다면 양식 요소의 일부로 만들 필요가 없습니다. – cimmanon

+0

질문이 명확하지 않습니다. 가격은 어디입니까? 사용자가이 양식을 선택하여 제출 한 후 *를 계산 하시겠습니까? –

답변

1

어, 왜 안합니다. jQuery를 사용하여 :

eval($('td:nth-child(3)').map(function(td, $this){ 
    return ((parseFloat(($this = $(this)).text()) || 0) 
     * (parseFloat($this.parent().find('select').val()) || 0)); 
}).get().join('+')) 

데모 :

http://jsfiddle.net/W8yK8/

변경하려면 4nth-child(3) 대중 가격

(저를 비판하고 싶은 사람에게, 이것은 동일한 품질로이다 질문 자체)

+0

LOL을 제출하십시오. 어쨌든 좋은 직장. – Chains

+0

그 말은 ... 나는 초보자이다. – LearningPHP

+0

Ok cwolves는 나와 함께 해줘서 고마워.하지만 코드 페이지에 추가하려고했을 때 .. 내 제출 버튼과 충돌한다. 버튼없이 자동으로 .. 테이블 아래 어딘가에 나타 납니까? – LearningPHP

관련 문제