How to make this quantity area text form to select form

Hi.. i found wonderful code at http://bytes.com/topic/javascript/an...ta-last-insert

their code is

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head><title>dinamik sheet</title>

<script> 

var i=iteration;

function addrow(){

    var tbl = document.getElementById('sheet');

    var iteration = tbl.rows.length;

document.getElementById('count_rows').value = iteration;

    var row=tbl.insertRow(iteration);
 
    var cellLeft = row.insertCell(0);

    var textNode = document.createTextNode(iteration);

    cellLeft.appendChild(textNode);
 
    var cellRight = row.insertCell(1);

    var el = document.createElement('input');

    el.type = 'text';

    el.name = 'txtRow'+iteration;

    el.id = 'txtRow'+iteration;

    el.size = 15;

    el.value = '0';

    el.onblur = sum;

    cellRight.appendChild(el);
 
    var cellRight = row.insertCell(2);

    var elaz = document.createElement('input');

    elaz.type = 'text';

    elaz.name = 'txtRowaz'+iteration;

    elaz.id = 'txtRowaz'+iteration;

    elaz.size = 20;

    elaz.value = '0';

    elaz.onblur = sum;

    cellRight.appendChild(elaz);
 
    var cellRight1 = row.insertCell(3);

    var ela = document.createElement('input');

    ela.type = 'text';

    ela.name = 'txtRowe'+iteration;

    ela.id = 'txtRowe'+iteration;

    ela.size = 20;

    ela.value = '0';

    ela.onblur = sum;

    cellRight1.appendChild(ela);
 
    var cellRightsel = row.insertCell(4);

    var sel = document.createElement('select');

    sel.name = 'selRow' + iteration;

    sel.id = 'selRow' + iteration;

    sel.onchange = sum;

    sel.options[0] = new Option('MotherBoard ASUS', 'MotherBoard ASUS');

    sel.options[1] = new Option('MotherBoard Gigabyte', 'MotherBoard Gigabyte');

    sel.options[2] = new Option('MotherBoard MSI', 'MotherBoard MSI');

    sel.options[3] = new Option('Graphiqcard ASUS', 'Graphiqcard ASUS');

    sel.options[4] = new Option('GraphigCard ATI', 'GraphigCard ATI');

    sel.options[5] = new Option('GraphigCard GefORCE', 'GraphigCard GefORCE');

    cellRightsel.appendChild(sel);

    sum();

}

function removeRowFromTable()

{

  var tbl = document.getElementById('sheet');

  var lastRow = tbl.rows.length;

  if (lastRow > 2) tbl.deleteRow(lastRow - 1);

}
 
function sum(){

    var s1 = 0;

    var s2 = 0;

    var tbl=document.getElementById('sheet');

    var iteration=tbl.rows.length-1;

    for(var i=1; i<=iteration; i++){//loop through table rows

        var el1 = document.getElementById('txtRow'+i);//Row's Income field

        var el2 = document.getElementById('selRow'+i);//Row's percentage menu

        var ela = document.getElementById('txtRowe'+i);//Row's Tax cell

        var elaz=document.getElementById('txtRowaz'+i);
 
        if(!el1 || !el2 || !ela||!elaz) continue;

        var txt = el1.value;

        if(txt != ( '' + Number(txt) )) continue;  //reject non-numeric entries
 
var tax = Number(txt) * Number(130);
 
if(el2[el2.selectedIndex].value=="MotherBoard Gigabyte"){

    var  tax = Number(txt) * Number(150);
 
}

if(el2[el2.selectedIndex].value=="MotherBoard MSI"){

    var  tax = Number(txt) * Number(100);    
 
}

if(el2[el2.selectedIndex].value=="Graphiqcard ASUS"){

    var  tax = Number(txt) * Number(85);    
 
}

if(el2[el2.selectedIndex].value=="GraphigCard ATI"){

    var  tax = Number(txt) * Number(95);    
 
}

if (el2[el2.selectedIndex].value=="GraphigCard ATI")

{
 
        var tax = Number(txt) * Number(88);

}
 
        ela.value = tax.toFixed(2);

        elaz.value=tax.toFixed(2)/Number(txt);

        if(isNaN(elaz.value)){

        elaz.value=0;

        }

        s1 += Number(txt);

        s2 += tax;
 
}

    var t1 = document.getElementById('total');

    var t2 = document.getElementById('taxtotal');

    if(t1){ t1.value = s1.toFixed(2); }

    if(t2){ t2.value = s2.toFixed(2); }

}
 
onload = function(){

    addrow();

}

</script>

</head>

<body>

<form name="eval_edit" method="POST" action="part1.php?id=iteration-1">

<table align="center" width="75%">

<tr>

<td align="center">Balance sheet</td></tr>

<tr>

<td align="center">

    <table id="sheet" border="1">

    <tr><td>object</td><td>Total amount</td><td>One ITEM Price</td><td name="amount">Total Item Price </td><td>Name</td></tr>
 
    </table>

</td>

</tr>

<tr>

<td align="center">

<input type="hidden" name="count_rows" id="count_rows" />

<input type="button" value="Add" onclick="addrow()" />

<input type="button" value="Remove" onclick="removeRowFromTable()" />

<input type="button" value="SUM" onClick="sum()"/>

<input type="submit" value="Submit" /><br />

</td>

</tr>

<tr>

<td align="left">

<input id="total" name="total" type="text"/>total amount of products<br />

<input id="taxtotal" name="taxtotal" type="text"/>total price of products

</td>

</tr>

</table>

</form>
 
</body>

</html>

just wonder if quantity input text can be made to select form.. thanks

Jan 20 '12 #1

Subscribe Post Reply

1963

Dormilich

8,658

Expert Mod 8TB

both the <select> and the <input> element have a value attribute.

Jan 20 '12 #2

newdayz

thanks for your respond Dormilich.. i'm new on javascript things, can you give me an example? thanks

Jan 20 '12 #3

Dormilich

8,658

Expert Mod 8TB

test each of the following HTML with the given JS code:

Expand|Select|Wrap|Line Numbers

<input type="text" id="test">

Expand|Select|Wrap|Line Numbers

 <select id="test">

  <option value="1">One</option>

  <option value="2">Two</option>

  <option value="3">Three</option>

</select>

Expand|Select|Wrap|Line Numbers

 function showValue(evt) 

{

    alert(this.value);

}

document.getElementById("test").addEventListener("change", showValue, true);

Jan 20 '12 #4

by: adolph | last post by:

I would like to add a check box to the detail area of a continous form. So that I can check on specific records, then after I've marked all the records I watn to delte, click a button to loop thru...

Microsoft Access / VBA

Form freezing form

by: Ioannis Vranos | last post by:

Why in this code the form *does not refresh* when it gets the focus/after some time? #using <mscorlib.dll> #using <system.windows.forms.dll> #using <system.dll> #using <system.drawing.dll>

.NET Framework

how to make a second copy of a form

by: TM | last post by:

I have a form that I would like to use, with a few small code and control text changes, and was wondering if there was any way that I could somehow save another cop of the form so I can just import...

Visual Basic .NET

How to select some text in a form in c#

by: madhuri.eerupula | last post by:

Hi. How to select some text in a form and show it somewhere in notepad, wordpad. How to use mouseup and mousedown EVENTS in order to select some text in a form using c#.Sample code will be useful. ...

.NET Framework

Cross browsers form select element event handler

by: alvinwoon | last post by:

Hi guys, I find it frustrating that I need to sniff out IE to make event handler for the form's select element work across different browsers. Here's a summary of what I have right now: var...

Javascript

assigning 'selected' to option in form select

by: John | last post by:

Hi <form nam="country" ... <select name="industy" ... <option ... selected... </option> <option ... Now, in Javascript, I want to change defaulted "selected" to fourth option.

Javascript

How can I populate and select value in select form field populated from query?

by: Haitashi | last post by:

Snippet: <form> <select name="secCode" id="secCode"> <cfloop query="Request.qSecCodes"> <option value="#Request.qSecCodes.org_name#" <cfif (Request.qSecCodes.org_code EQ...

ColdFusion

Javascript - Disabled and Re-enable select form element

by: cptuser | last post by:

Hi, I have an online form which has a select element, which I;m using very basic JS to enable and disable a select element based on the selection of another select element. For some reason, the...

Javascript

How to display default text in a form field that disappears on click?

by: KeredDrahcir | last post by:

Is there a way to put some default text in a form field that will disappear when the user focuses on it. For example you have a login form and it says E-mail in the E-mail box but this disappears as...

HTML / CSS

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp

How to make this quantity area text form to select form

Similar topics