将JS插入到具有预先存在数据的表中
Insert JS into table with preexisting data
我一直在试图找出如何填充一个表，有称为JS数据预先存在的数据
例如，我有一个这样的表:09年F2, 70, 28日,L, 00, 00,年,年,SD, RD, RD, RD, RD, RD, RD, GR, 58岁的00,TX, TX, TX, TX, TX, TX, TX, TX, TX, TXL,YR,SD,RD,GR,TX将是JS函数
填充的区域。你可以看到我在这里使用:http://www.757goat.org/gto_cluster/Worksheettestjs.php
我需要一个选项在最底部的形式，将抓取所有的"十六进制"，并把它放在上面的右边区域。
有什么想法?
Thanks in advance -Rob
下面是上面链接中的代码:我必须拉出一些以便适合，但是我拉出的那些只是重复的sdtxt
<script language="JavaScript" type="text/javascript">
<!--
function displaySelectedItem(val,id){
document.getElementById(id).value = val;
}
//-->
</script>
</head>
<body>
<div class="container">
<div class="sidebar1">
<ul class="nav">
<li><a href="/gto_cluster">Instructions</a></li>
<li><a href="/gto_cluster/Worksheet.php">GTO Cluster Worksheet</a></li>
<li><a href="#">Other Strings</a></li>
<li><a href="#">Beta</a></li>
</ul>
<!-- end .sidebar1 --></div>
<div class="content" ice:editable="*">
<fieldset>
<legend>Logos</legend>
<p>
<label>Choose Desired Logo</label>
<select id="Logo">
<option value="00">Holden</option>
<option value="01">HSV</option>
<option value="02">Chevrolet</option>
<option value="02">Chevrolet</option>
<option value="04">CSV</option>
<option value="05">Pontiac</option>
</select>
<input type="button" value="Show Hex" onclick="displaySelectedItem(document.getElementById('Logo').value,'Logo2');" />
</p>
<p>
<input type="text" id="Logo2" />
</p>
</fieldset>
<fieldset>
<legend>Year of Vehicle</legend>
<p>
<label>Enter Desired Year</label>
<select id = "year">
<option value = "07,D4">2004</option>
<option value = "07,D5">2005</option>
<option value = "07,D6">2006</option>
</select>
<input type="button" value="Show Hex" onclick="displaySelectedItem(document.getElementById('year').value,'year2');" />
</p>
<p>
<input type="text" id="year2" />
</p>
</fieldset>
<fieldset>
<legend>Shutdown Text</legend>
<p>
<label>Choose A Shutdown Text</label>
<select id = "shutdown">
<option value = "0D">Custom Text</option>
<option value = "00">XU6</option>
<option value = "01">Clubsport</option>
<option value = "02">Slubsport R8</option>
<option value = "03">GTS</option>
<option value = "04">Senator</option>
<option value = "05">Sen. Singature</option>
<option value = "06">Maloo</option>
<option value = "07">Coupe</option>
<option value = "08">GTS-R</option>
<option value = "09">Build No.</option>
<option value = "0A">HSV</option>
<option value = "0B">Grange</option>
<option value = "0C">Maloo R8</option>
</select>
<input type="button" value="Show Hex" onclick="displaySelectedItem(document.getElementById('shutdown').value,'shutdown2');" />
</p>
<p>
<input type="text" id="shutdown2" />
</p>
</fieldset>
<fieldset>
<legend>RPM Values for Shift Light & Change Gear Message</legend>
<p>
<label>Desired 'Cold Temp' Redline</label>
<select id = "coldtemp">
<option value = "14">1000</option>
<option value = "15">1050</option>
<option value = "16">1100</option>
<option value = "17">1150</option>
<option value = "18">1200</option>
<option value = "19">1250</option>
<option value = "1A">1300</option>
<option value = "1B">1350</option>
<option value = "1C">1400</option>
<option value = "1D">1450</option>
<option value = "1E">1500</option>
<option value = "1F">1550</option>
<option value = "20">1600</option>
<option value = "21">1650</option>
<option value = "22">1700</option>
<option value = "23">1750</option>
<option value = "24">1800</option>
<option value = "25">1850</option>
<option value = "26">1900</option>
<option value = "27">1950</option>
<option value = "28">2000</option>
<option value = "29">2050</option>
<option value = "2A">2100</option>
<option value = "2B">2150</option>
<option value = "2C">2200</option>
<option value = "2D">2250</option>
<option value = "2E">2300</option>
<option value = "2F">2350</option>
<option value = "30">2400</option>
<option value = "31">2450</option>
<option value = "32">2500</option>
<option value = "33">2550</option>
<option value = "34">2600</option>
<option value = "35">2650</option>
<option value = "36">2700</option>
<option value = "37">2750</option>
<option value = "38">2800</option>
<option value = "39">2850</option>
<option value = "3A">2900</option>
<option value = "3B">2950</option>
<option value = "3C">3000</option>
<option value = "3D">3050</option>
<option value = "3E">3100</option>
<option value = "3F">3150</option>
<option value = "40">3200</option>
<option value = "41">3250</option>
<option value = "42">3300</option>
<option value = "43">3350</option>
<option value = "44">3400</option>
<option value = "45">3450</option>
<option value = "46">3500</option>
</select>
<input type="button" value="Show Hex" onclick="displaySelectedItem(document.getElementById('coldtemp').value,'coldtemp2');" />
</p>
<p>
<input type="text" id="coldtemp2" />
</p>
<label>Desired 1st Gear Redline</label>
<select id = "1gear">
<option value = "6E">5500</option>
<option value = "6F">5550</option>
<option value = "70">5600</option>
<option value = "71">5650</option>
<option value = "72">5700</option>
<option value = "73">5750</option>
<option value = "74">5800</option>
<option value = "75">5850</option>
<option value = "76">5900</option>
<option value = "77">5950</option>
<option value = "78">6000</option>
<option value = "79">6050</option>
<option value = "7A">6100</option>
<option value = "7B">6150</option>
<option value = "7C">6200</option>
<option value = "7D">6250</option>
<option value = "7E">6300</option>
<option value = "7F">6350</option>
<option value = "80">6400</option>
<option value = "81">6450</option>
<option value = "82">6500</option>
<option value = "83">6550</option>
<option value = "84">6600</option>
<option value = "85">6650</option>
<option value = "86">6700</option>
<option value = "87">6750</option>
<option value = "88">6800</option>
<option value = "89">6850</option>
<option value = "8A">6900</option>
<option value = "8B">6950</option>
<option value = "8C">7000</option>
<option value = "8D">7050</option>
<option value = "8E">7100</option>
<option value = "8F">7150</option>
</select>
<input type="button" value="Show Hex" onclick="displaySelectedItem(document.getElementById('1gear').value,'1gear2');" />
</p>
<p>
<input type="text" id="1gear2" />
</p>
<label>Desired 2nd Gear Redline</label>
<select id = "2gear">
<option value = "6E">5500</option>
<option value = "6F">5550</option>
<option value = "70">5600</option>
<option value = "71">5650</option>
<option value = "72">5700</option>
<option value = "73">5750</option>
<option value = "74">5800</option>
<option value = "75">5850</option>
<option value = "76">5900</option>
<option value = "77">5950</option>
<option value = "78">6000</option>
<option value = "79">6050</option>
<option value = "7A">6100</option>
<option value = "7B">6150</option>
<option value = "7C">6200</option>
<option value = "7D">6250</option>
<option value = "7E">6300</option>
<option value = "7F">6350</option>
<option value = "80">6400</option>
<option value = "81">6450</option>
<option value = "82">6500</option>
<option value = "83">6550</option>
<option value = "84">6600</option>
<option value = "85">6650</option>
<option value = "86">6700</option>
<option value = "87">6750</option>
<option value = "88">6800</option>
<option value = "89">6850</option>
<option value = "8A">6900</option>
<option value = "8B">6950</option>
<option value = "8C">7000</option>
<option value = "8D">7050</option>
<option value = "8E">7100</option>
<option value = "8F">7150</option>
</select>
<input type="button" value="Show Hex" onclick="displaySelectedItem(document.getElementById('2gear').value,'2gear2');" />
</p>
<p>
<input type="text" id="2gear2" />
</p>
<label>Desired 3rd Gear Redline</label>
<select id = "3gear">
<option value = "6E">5500</option>
<option value = "6F">5550</option>
<option value = "70">5600</option>
<option value = "71">5650</option>
<option value = "72">5700</option>
<option value = "73">5750</option>
<option value = "74">5800</option>
<option value = "75">5850</option>
<option value = "76">5900</option>
<option value = "77">5950</option>
<option value = "78">6000</option>
<option value = "79">6050</option>
<option value = "7A">6100</option>
<option value = "7B">6150</option>
<option value = "7C">6200</option>
<option value = "7D">6250</option>
<option value = "7E">6300</option>
<option value = "7F">6350</option>
<option value = "80">6400</option>
<option value = "81">6450</option>
<option value = "82">6500</option>
<option value = "83">6550</option>
<option value = "84">6600</option>
<option value = "85">6650</option>
<option value = "86">6700</option>
<option value = "87">6750</option>
<option value = "88">6800</option>
<option value = "89">6850</option>
<option value = "8A">6900</option>
<option value = "8B">6950</option>
<option value = "8C">7000</option>
<option value = "8D">7050</option>
<option value = "8E">7100</option>
<option value = "8F">7150</option>
</select>
<input type="button" value="Show Hex" onclick="displaySelectedItem(document.getElementById('3gear').value,'3gear2');" />
</p>
<p>
<input type="text" id="3gear2" />
</p>
<label>Desired 4th Gear Redline</label>
<select id = "4gear">
<option value = "6E">5500</option>
<option value = "6F">5550</option>
<option value = "70">5600</option>
<option value = "71">5650</option>
<option value = "72">5700</option>
<option value = "73">5750</option>
<option value = "74">5800</option>
<option value = "75">5850</option>
<option value = "76">5900</option>
<option value = "77">5950</option>
<option value = "78">6000</option>
<option value = "79">6050</option>
<option value = "7A">6100</option>
<option value = "7B">6150</option>
<option value = "7C">6200</option>
<option value = "7D">6250</option>
<option value = "7E">6300</option>
<option value = "7F">6350</option>
<option value = "80">6400</option>
<option value = "81">6450</option>
<option value = "82">6500</option>
<option value = "83">6550</option>
<option value = "84">6600</option>
<option value = "85">6650</option>
<option value = "86">6700</option>
<option value = "87">6750</option>
<option value = "88">6800</option>
<option value = "89">6850</option>
<option value = "8A">6900</option>
<option value = "8B">6950</option>
<option value = "8C">7000</option>
<option value = "8D">7050</option>
<option value = "8E">7100</option>
<option value = "8F">7150</option>
</select>
<input type="button" value="Show Hex" onclick="displaySelectedItem(document.getElementById('4gear').value,'4gear2');" />
</p>
<p>
<input type="text" id="4gear2" />
</p>
<label>Desired 5th Gear Redline</label>
<select id = "5gear">
<option value = "6E">5500</option>
<option value = "6F">5550</option>
<option value = "70">5600</option>
<option value = "71">5650</option>
<option value = "72">5700</option>
<option value = "73">5750</option>
<option value = "74">5800</option>
<option value = "75">5850</option>
<option value = "76">5900</option>
<option value = "77">5950</option>
<option value = "78">6000</option>
<option value = "79">6050</option>
<option value = "7A">6100</option>
<option value = "7B">6150</option>
<option value = "7C">6200</option>
<option value = "7D">6250</option>
<option value = "7E">6300</option>
<option value = "7F">6350</option>
<option value = "80">6400</option>
<option value = "81">6450</option>
<option value = "82">6500</option>
<option value = "83">6550</option>
<option value = "84">6600</option>
<option value = "85">6650</option>
<option value = "86">6700</option>
<option value = "87">6750</option>
<option value = "88">6800</option>
<option value = "89">6850</option>
<option value = "8A">6900</option>
<option value = "8B">6950</option>
<option value = "8C">7000</option>
<option value = "8D">7050</option>
<option value = "8E">7100</option>
<option value = "8F">7150</option>
</select>
<input type="button" value="Show Hex" onclick="displaySelectedItem(document.getElementById('5gear').value,'5gear2');" />
</p>
<p>
<input type="text" id="5gear2" />
</p>
</p>
</fieldset>
<fieldset>
<legend>Gear Change & Shift Light</legend>
<p>
<label>Do You Want To Enable?</label>
<select id = "shiftlight">
<option value = "01">Yes</option>
<option value = "00">No</option>
</select>
<input type="button" value="Show Hex" onclick="displaySelectedItem(document.getElementById('shiftlight').value,'shiftlight2');" />
</p>
<p>
<input type="text" id="shiftlight2" />
</p>
</fieldset>
<fieldset>
<legend>Custom Shutdown Text Characters
<br /><i>Must choose "Custom Text" in "Shutdown Text" option above</i></legend>
<p>
<label>Enter Shutdown String, One Character Per Box</label>
<br />
<select id = "sdtxt1">
<option value = "2D">-</option>
<option value = "00">blank</option>
<option value = "61">A</option>
<option value = "62">B</option>
<option value = "63">C</option>
<option value = "64">D</option>
<option value = "65">E</option>
<option value = "66">F</option>
<option value = "67">G</option>
<option value = "68">H</option>
<option value = "69">I</option>
<option value = "4A">J</option>
<option value = "6B">K</option>
<option value = "6C">L</option>
<option value = "6D">M</option>
<option value = "6E">N</option>
<option value = "6F">O</option>
<option value = "70">P</option>
<option value = "71">Q</option>
<option value = "72">R</option>
<option value = "73">S</option>
<option value = "74">T</option>
<option value = "75">U</option>
<option value = "76">V</option>
<option value = "77">W</option>
<option value = "78">X</option>
<option value = "79">Y</option>
<option value = "7A">Z</option>
<option value = "30">0</option>
<option value = "31">1</option>
<option value = "32">2</option>
<option value = "33">3</option>
<option value = "34">4</option>
<option value = "35">5</option>
<option value = "36">6</option>
<option value = "37">7</option>
<option value = "38">8</option>
<option value = "39">9</option>
<option value = "21">!</option>
<option value = "40">@</option>
<option value = "23">#</option>
<option value = "24">$</option>
<option value = "25">%</option>
<option value = "5E">^</option>
<option value = "26">& </option>
<option value = "2A">*</option>
<option value = "28">(</option>
<option value = "29">)</option>
</select>
<input type="button" value="Show Hex" onclick="displaySelectedItem(document.getElementById('sdtxt1').value,'sdtxt12');" />
</p>
<p>
<input type="text" id="sdtxt12" />
</p>
<select id = "sdtxt2">
<option value = "2D">-</option>
<option value = "00">blank</option>
<option value = "61">A</option>
<option value = "62">B</option>
<option value = "63">C</option>
<option value = "64">D</option>
<option value = "65">E</option>
<option value = "66">F</option>
<option value = "67">G</option>
<option value = "68">H</option>
<option value = "69">I</option>
<option value = "4A">J</option>
<option value = "6B">K</option>
<option value = "6C">L</option>
<option value = "6D">M</option>
<option value = "6E">N</option>
<option value = "6F">O</option>
<option value = "70">P</option>
<option value = "71">Q</option>
<option value = "72">R</option>
<option value = "73">S</option>
<option value = "74">T</option>
<option value = "75">U</option>
<option value = "76">V</option>
<option value = "77">W</option>
<option value = "78">X</option>
<option value = "79">Y</option>
<option value = "7A">Z</option>
<option value = "30">0</option>
<option value = "31">1</option>
<option value = "32">2</option>
<option value = "33">3</option>
<option value = "34">4</option>
<option value = "35">5</option>
<option value = "36">6</option>
<option value = "37">7</option>
<option value = "38">8</option>
<option value = "39">9</option>
<option value = "21">!</option>
<option value = "40">@</option>
<option value = "23">#</option>
<option value = "24">$</option>
<option value = "25">%</option>
<option value = "5E">^</option>
<option value = "26">& </option>
<option value = "2A">*</option>
<option value = "28">(</option>
<option value = "29">)</option>
</select>
<input type="button" value="Show Hex" onclick="displaySelectedItem(document.getElementById('sdtxt2').value,'sdtxt22');" />
</p>
<p>
<input type="text" id="sdtxt22" />
</p>
<select id = "sdtxt3">
<option value = "2D">-</option>
<option value = "00">blank</option>
<option value = "61">A</option>
<option value = "62">B</option>
<option value = "63">C</option>
<option value = "64">D</option>
<option value = "65">E</option>
<option value = "66">F</option>
<option value = "67">G</option>
<option value = "68">H</option>
<option value = "69">I</option>
<option value = "4A">J</option>
<option value = "6B">K</option>
<option value = "6C">L</option>
<option value = "6D">M</option>
<option value = "6E">N</option>
<option value = "6F">O</option>
<option value = "70">P</option>
<option value = "71">Q</option>
<option value = "72">R</option>
<option value = "73">S</option>
<option value = "74">T</option>
<option value = "75">U</option>
<option value = "76">V</option>
<option value = "77">W</option>
<option value = "78">X</option>
<option value = "79">Y</option>
<option value = "7A">Z</option>
<option value = "30">0</option>
<option value = "31">1</option>
<option value = "32">2</option>
<option value = "33">3</option>
<option value = "34">4</option>
<option value = "35">5</option>
<option value = "36">6</option>
<option value = "37">7</option>
<option value = "38">8</option>
<option value = "39">9</option>
<option value = "21">!</option>
<option value = "40">@</option>
<option value = "23">#</option>
<option value = "24">$</option>
<option value = "25">%</option>
<option value = "5E">^</option>
<option value = "26">& </option>
<option value = "2A">*</option>
<option value = "28">(</option>
<option value = "29">)</option>
</select>
<input type="button" value="Show Hex" onclick="displaySelectedItem(document.getElementById('sdtxt3').value,'sdtxt32');" />
</p>
<p>
<input type="text" id="sdtxt32" />
</p>
</fieldset>
<!-- end .content --></div>
<!-- end .container --></div>
</body>
</html>
function displayHexTable() {
var hexString = document.getElementById('hexTable').value;
var hexArray = hexString.split(',');
hexArray[4] = document.getElementById('Logo').value;
var years = document.getElementById('year').value.split(',');
hexArray[8] = years[0];
hexArray[9] = years[1];
/* repeat above for other fields */
var newHexString = hexArray.join(',');
document.getElementById('hexTable').value = newHexString;
}
将上述函数添加为按钮的onclick处理程序。
看我的小提琴
相关文章：
- 如何使用Spring MVC将Facebook返回的响应数据保存在Java类中
- 数据未保存在taffyDB中
- Firebase:如何从存在特定密钥的数据中检索记录
- HTML将数据保存在Access中
- 将通过 AJAX 上传的二进制数据保存在 PHP 服务器上
- 将数据URI保存在cookie中，以便稍后检索
- 数据在确认框中的显示方式存在问题
- 如何获取数据属性中存在的现有JSON并更新它
- 如果数据不存在，则在表上追加jQuery
- 如果数据存在Javascript，则剩余字符
- 检查给定的数据列表中是否存在表单字段值
- 在动态更改数据之后(在ajax调用之后）检查函数是否存在
- 什么'最合适的数据结构是什么?(使用一个有间隙的数组是否存在缺点或注意事项?）
- Mongo 返回未定义但数据存在
- Angular2 模板尝试在异步数据存在之前访问它
- 检查数组中的数据“存在”
- 过滤淘汰可观察数组时没有数据存在
- 即使数据存在，dojo dstore中的Get方法也不返回对象
- 如果数据存在，Knockout js网格交换输入字段
- 隐藏“表中没有可用数据”;消息，当数据存在时
