javascriptの自動計算の改竄について

自動計算式のフォームを作成しようと思い色々なサイトを参考に拾い物のソースコードを入れています。

name属性に日本語で商品名を入れたいのですが、javascriptのコードもname属性の為、入れられずに困っています。

javascriptのname属性での指定をclassかid指定に変更したいのですが、知識がなく、どうコードを弄ればいいのかどなたかご指導お願いします。

###該当のソースコード

<script type="text/javascript">
<!--
function keisan(){
// 計算開始
var tax = 5; // 消費税率
var price1 = eval(document.form1.goods1.value) * document.form1.volume1 .selectedIndex; // 数量×単価
document.form1.field1.value = price1; // 小計を表示
var price2 = eval(document.form1.goods2.value) * document.form1.volume2 .selectedIndex;
document.form1.field2.value = price2; // 小計を表示
var total1 = parseInt(price1)+ parseInt(price2); // 合計を計算
var tax2 = Math.round((total1 * tax) / 100); //消費税を計算
// フォームのテキストエリアに表示する金額
document.form1.field_total1.value = total1; // 合計を表示
document.form1.field_tax.value = tax2; // 消費税を表示
document.form1.field_total2.value = total1 + tax2; // 税込合計を表示
//右の窓に表示する金額
document.getElementById("display_account_amount").innerHTML = total1;
document.getElementById("display_account_tax").innerHTML = tax2;
document.getElementById("display_account_all").innerHTML = total1 + tax2;
}
// --> 
</script>


<table>
  <tr>
     <td><select name="goods1" onChange="keisan()">
     <option value="0" selected="selected">選択してください</option>
     <option value="200">Ｓサイズ 200円</option>
     <option value="300">Ｍサイズ 300円</option>
     <option value="400">Ｌサイズ 400円</option>
     </select>
     <select name="volume1" onchange="keisan()">
    <option>0</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    <option>7</option>
    <option>8</option>
    <option>9</option>
    <option>10</option>
    </select></td>
</table>
                        <td><input type="text" name="field1" size="8" value="0"> 円</td>
                    </tr>