Execute
Save
Share
Share link
share
share
share
Team
Public Teams
Comments
0
Created By:
Guest
Title:
how to dynamically generate te
Title
Description
Edit
Copy Link
Login
Email *
Password *
Login
OR
Create Account
Screen Name *
Email *
Password *
Retype Password *
Team Access Code
Register
Public CodeBins
HELP
--Select Theme--
Ambiance
Blackboard
Cobalt
Eclipse
Elegant
Erlang-Dark
Lesser-Dark
Monokai
Neat
Night
Rubyblue
Vibrant-Ink
Xq-Dark
New CodeBin
CodeBins Versions
how to dynamica- V.111
how to dynamica- V.110
how to dynamica- V.109
how to dynamica- V.108
how to dynamica- V.107
how to dynamica- V.106
how to dynamica- V.105
how to dynamica- V.104
how to dynamica- V.103
how to dynamica- V.102
how to dynamica- V.101
how to dynamica- V.100
how to dynamica- V.99
how to dynamica- V.98
how to dynamica- V.97
how to dynamica- V.96
how to dynamica- V.95
how to dynamica- V.94
how to dynamica- V.93
how to dynamica- V.92
how to dynamica- V.91
how to dynamica- V.90
how to dynamica- V.89
how to dynamica- V.88
how to dynamica- V.87
how to dynamica- V.86
how to dynamica- V.85
how to dynamica- V.84
how to dynamica- V.83
how to dynamica- V.82
how to dynamica- V.81
how to dynamica- V.80
how to dynamica- V.79
how to dynamica- V.78
how to dynamica- V.77
how to dynamica- V.76
how to dynamica- V.75
how to dynamica- V.74
how to dynamica- V.73
how to dynamica- V.72
how to dynamica- V.71
how to dynamica- V.70
how to dynamica- V.69
how to dynamica- V.68
how to dynamica- V.67
how to dynamica- V.66
how to dynamica- V.65
how to dynamica- V.64
how to dynamica- V.63
how to dynamica- V.62
how to dynamica- V.61
how to dynamica- V.60
how to dynamica- V.59
how to dynamica- V.58
how to dynamica- V.57
how to dynamica- V.56
how to dynamica- V.55
how to dynamica- V.54
how to dynamica- V.53
how to dynamica- V.52
how to dynamica- V.51
how to dynamica- V.50
how to dynamica- V.49
how to dynamica- V.48
how to dynamica- V.47
how to dynamica- V.46
how to dynamica- V.45
how to dynamica- V.44
how to dynamica- V.43
how to dynamica- V.42
how to dynamica- V.41
how to dynamica- V.40
how to dynamica- V.39
how to dynamica- V.38
how to dynamica- V.37
how to dynamica- V.36
how to dynamica- V.35
how to dynamica- V.34
how to dynamica- V.33
how to dynamica- V.32
how to dynamica- V.31
how to dynamica- V.30
how to dynamica- V.29
how to dynamica- V.28
how to dynamica- V.27
how to dynamica- V.26
how to dynamica- V.25
how to dynamica- V.24
how to dynamica- V.23
how to dynamica- V.22
how to dynamica- V.21
how to dynamica- V.20
how to dynamica- V.19
how to dynamica- V.18
how to dynamica- V.17
how to dynamica- V.16
how to dynamica- V.15
how to dynamica- V.14
how to dynamica- V.13
how to dynamica- V.12
how to dynamica- V.11
how to dynamica- V.10
how to dynamica- V.9
how to dynamica- V.8
how to dynamica- V.7
how to dynamica- V.6
how to dynamica- V.5
how to dynamica- V.4
how to dynamica- V.3
how to dynamica- V.2
how to dynamica- V.1
Compare Versions
Recent CodeBins
View All CodeBins
$(function() { $("#multiple").change(function() { var multipleValues = $("#multiple").val() || ""; var result = ""; if (multipleValues != "") { var aVal = multipleValues.toString().split(","); var count = $("#multiple :selected").length; $.each(aVal, function(i, value) { result += "<div>"; result += "<input type='text' name='opval" + (parseInt(i) + 1) + "' value='" + value.trim() + "'>"; result += "<input type='text' name='optext" + (parseInt(i) + 1) + "' value='" + $("#multiple").find("option[value=" + value + "]").text().trim() + "'>"; result += "<input type='text' name='option" + (parseInt(i) + 1) + "' value='' '>"; //result should display in this textbox .i.e (result= total_price/count ) result += "</div>"; }); } //Set Result $("#result").html(result); }); $("#toal_price").blur(function() { var multipleValues = $("#multiple").val() || ""; var total_price = $("#toal_price").val(); var aVal = multipleValues.toString().split(","); var count = $("#multiple :selected").length; if (multipleValues != "") { $.each(aVal, function(i, value) { var price = total_price / count; $("input[name=option" + (parseInt(i) + 1) + "]").val(price); }); } }); });
Bottom of Page
In Head
On Load
On Ready
Setting
Validate
Copy
Format
#multiple{ margin-bottom:10px; border:1px solid #333; background:#efefef; color:#000; } #result input{ margin-left:5px; border:1px solid #333; background:#a4c4f4; margin-top:5px; }
Setting
Validate
Copy
Format
<form id="frm"> <select id="multiple" multiple="multiple" style="width: 120px;height: 120px;"> <option value="1" > Ashutosh </option> <option value="6"> Jems Bond </option> <option value="7"> Danial Crack </option> <option value="8"> Dan Brown </option> <option value="9"> Angilina Jolly </option> </select> <br/> <!--User will enter the total_price in this textbox --> <div id="result"> </div> </form>
No Doc Type
HTML5
HTML 4.01 Transitional
HTML 4.01 Strict
HTML 4.01 Frameset
XHTML 1.1
XHTML 1.0 Transitional
XHTML 1.0 Strict
XHTML 1.0 Frameset
Copy
Format
Download
×
Code Description
×
Difference of Versions
HTML
CSS
JS
×
JS Error
×
CSS Error
Errors
Warnings
×
JavaScript Setting
JS Libraries:
Chrome Frame 1.0.3
Dojo 1.8.0
Dojo 1.7.3
Dojo 1.7.2
Ext Core 3.1.0
jQuery 1.8.0
jQuery 1.7.2
jQuery 1.6.0
jQuery 1.5.0
jQuery 1.4.4
jQuery 1.4.0
jQuery-min 1.7.2
jQueryUI-min 1.8.21
MooTools more-1.4.0.1-full
MooTools core-1.4.5-full
MooTools core-1.4.1-full
Prototype 1.7.1.0
script.aculo.us 1.9.0
SWFObject 2.2
Twitter Bootstrap 2.0.4
WebFont Loader 1.0.28
yui 3.5.1
User Libraries:
Upload File
JavaScript URL(s):
×
CSS Setting
CSS Libraries:
jQueryUI 1.8.21
Twitter Bootstrap 2.0.4
User Libraries:
Upload File
CSS URL(s):