/    Sign up×
Community /Pin to ProfileBookmark

How to Create a Dynamic Table in HTML?

Hello Friends,

I am new to HTML. I would like to know how to create a table in HTML which dynamically changes its cells value w.r.t the drop down option and click on (submit) option.

Please help me to resolve this…

Thanks in Advance…! ?

to post a comment
HTML

7 Comments(s)

Copy linkTweet thisAlerts:
@legend_12Oct 27.2012 — By using only html it is not possible to do it. but by using the javascript you can show or hide the rows depending on the selected dropdown option
Copy linkTweet thisAlerts:
@sanjay1Oct 27.2012 — Yes java script is really helpful try with that
Copy linkTweet thisAlerts:
@PrevijauthorOct 28.2012 — Thank You friends...! ?
Copy linkTweet thisAlerts:
@NickJohnsonOct 29.2012 — Not possible with HTML.... If u merge javascript with it, then it is possible...

Another option can be HTML5.........
Copy linkTweet thisAlerts:
@oliviacisOct 30.2012 — Hello Friends,

I am new to HTML. I would like to know how to create a table in HTML which dynamically changes its cells value w.r.t the drop down option and click on (submit) option.

Please help me to resolve this...

Thanks in Advance...! ?[/QUOTE]


Perhaps you can use Javascript, but it will be very complex. The ONLY proper way to do it is to use a server-side script and AJAX.

Each time a user enters a field, an HTTPRequest is sent to the server, and the server replies by creating a new field or executing the next stage of the process.

HTML is purely static: it displays what it is told to display. Thats it! Javascript allows you to add a little bit of intereactivity, but I guess it'd be better to use AJAX.
Copy linkTweet thisAlerts:
@sumanthanOct 30.2012 — <!--Creating Table borders-->

<html><body>

<p>Table With Border</p>

<table border="10">

<tr><td><form action=""><select name="fruits"><option value="">Apple</option><option value="banana">Banana</option><option value="pineapple">Pineapple</option><option value="pears">Pears</option></select></form><input id="Submit2" type="submit" value="submit" /></td><td>200</td></tr>

<tr><td>300</td><td>400</td></tr>

</table><hr />

</body></html>

Did you means something like this!!!!!
Copy linkTweet thisAlerts:
@milina788Nov 08.2012 — If you want to create Dynamic tables in HTML then you can use java script to create or hide the tables. This is the best use of java script.
×

Success!

Help @Previj spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.6,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...