下拉列表的发送值,包含描述和用于计算总数的数字
Sending value of drop down with description and numbers used for calculating total
我有一个窗体,我没有控制的php的编辑。我需要它,以便当它发送值时,它会发送项目的描述,但我需要值来添加总字段的价格。是否有一种方法可以设置,所以我可以发送项目的描述,但仍然保持数值作为数字,所以它添加总数?
<div id="cid_7" class="form-input">
<select class="form-dropdown validate[required]" onchange="code(1)" style="width:150px" id="input_7" name="q7_ticketOptions">
<option> </option>
<option value="300"> VIP Floor Seats - $300.00 </option>
<option value="40"> Section 101 Upper Level - $40.00 </option>
<option value="60"> Section 101 Mid Level - $60.00 </option>
<option value="150"> Section 101 Lower Level - $150.00 </option>
<option value="40"> Section 102 Upper Level - $40.00 </option>
<option value="60"> Section 102 Mid Level - $60.00 </option>
<option value="150"> Section 102 Lower Level - $150.00 </option>
<option value="40"> Section 103 Upper Level - $40.00 </option>
<option value="60"> Section 103 Mid Level - $60.00 </option>
<option value="150"> Section 103 Lower Level - $150.00 </option>
<option value="20"> Section 104 Upper Level - $20.00 </option>
<option value="60"> Section 104 Mid Level - $60.00 </option>
<option value="20"> Section 107 Upper Level - $20.00 </option>
<option value="60"> Section 107 Mid Level - $60.00 </option>
<option value="40"> Section 108 Upper Level - $40.00 </option>
<option value="60"> Section 108 Mid Level - $60.00 </option>
<option value="150"> Section 108 Lower Level - $150.00 </option>
<option value="40"> Section 109 Upper Level - $40.00 </option>
<option value="60"> Section 109 Mid Level - $60.00 </option>
<option value="150"> Section 109 Lower Level - $150.00 </option>
<option value="40"> Section 110 Upper Level - $40.00 </option>
<option value="60"> Section 110 Mid Level - $60.00 </option>
<option value="150"> Section 110 Lower Level - $150.00 </option>
<option value="40"> Section 111 Upper Level - $40.00 </option>
<option value="60"> Section 111 Mid Level - $60.00 </option>
<option value="150"> Section 111 Lower Level - $150.00 </option>
<option value="40"> Section 112 Upper Level - $40.00 </option>
<option value="60"> Section 112 Mid Level - $60.00 </option>
<option value="150"> Section 112 Lower Level - $150.00 </option>
<option value="20"> Section 113 Upper Level - $20.00 </option>
<option value="60"> Section 113 Mid Level - $60.00 </option>
<option value="40"> Section 114 Upper Level - $40.00 </option>
<option value="60"> Section 114 Mid Level - $60.00 </option>
<option value="40"> Section 115 Upper Level - $40.00 </option>
<option value="60"> Section 115 Mid Level - $60.00 </option>
<option value="20"> Section 116 Upper Level - $20.00 </option>
<option value="60"> Section 116 Mid Level - $60.00 </option>
<option value="40"> Section 117 Upper Level - $40.00 </option>
<option value="60"> Section 117 Mid Level - $60.00 </option>
<option value="150"> Section 117 Lower Level - $150.00 </option>
<option value="40"> Section 118 Upper Level - $40.00 </option>
<option value="60"> Section 118 Mid Level - $60.00 </option>
<option value="150"> Section 118 Lower Level - $150.00 </option>
</select>
</div>
</li>
<li class="form-line" id="id_23">
<label class="form-label-left" id="label_23" for="input_23"> Quantity<span class="form-required">*</span></label>
<div id="cid_23" class="form-input">
<select class="form-dropdown validate[required]" onchange="code(2)" style="width:150px" id="input_23" name="q23_quantity">
<option> </option>
<option value="1"> 1 </option>
<option value="2"> 2 </option>
<option value="3"> 3 </option>
<option value="4"> 4 </option>
<option value="5"> 5 </option>
<option value="6"> 6 </option>
<option value="7"> 7 </option>
<option value="8"> 8 </option>
<option value="9"> 9 </option>
<option value="10"> 10 </option>
</select>
</div>
</li>
<li class="form-line" id="id_22">
<label class="form-label-right" id="label_22" for="cost">Total $</label>
<div id="cid_22" class="form-input">
<input type="text" name="q22_total" id="cost" onfocus="this.blur()" style="width:50px"/>
</div>
</li>
下面是javascript:
<script type="text/javascript">
function code() { // forget the parameter
var varone = document.getElementById('input_7');
var vartwo = document.getElementById('input_23');
var cost = document.getElementById('cost');
var total = parseFloat(varone.value) * parseFloat(vartwo.value);
cost.value = total;
}
</script>
如果你要在数据库中保存所有这些计算,那么首先你应该创建一个表'ticket_options',其中你应该在两列中输入它,例如
列1为'q7_ticketOptions',列2为'ticketRates'
<select class="form-dropdown validate[required]" onchange="code(1);,showUser(this.value);" style="width:150px" id="input_7" name="q7_ticketOptions">
<option selected="selected" disabled="disabled">Choose TicketOptions</option>
<?php
$sql=mysql_query("select * from ticket_options order by id ASC");
while($val=mysql_fetch_array($sql))
{
?>
<option> <?php print $val['q7_ticketOptions']; ?>
</option>
<?php } ?>
</select>
<div align="right" id="txtHint"><strong>Choose ticketOptions </strong></div>
然后在页面的标题部分创建这个函数:
<script>
function showUser(str)
{
if (str=="")
{
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","getrate.php?q="+str,true);
xmlhttp.send();
}
</script>
<script>
,然后创建一个PHP页面'getrate.php'。然后写这些代码:
<?php
$q=$_GET["q"];
$con = mysql_connect('localhost', 'root', '');
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db("database", $con);
$sql="SELECT * FROM ticket_options WHERE q7_ticketOptions = '".$q."'";
$result = mysql_query($sql);
while($row = mysql_fetch_array($result))
{
?>
<input type="text" style="text-align:right" name="t_rate" value="<?php echo $row['ticketRates'] ; ?>" id="tax0" size="5" />
<?php
}
mysql_close($con);
?>
它将如何工作:当你从select box name="q7_ticketOptions"中选择option,它将在一个新框中显示票率,然后用下拉框name="q23_quantity"进行计算
相关文章:
- JavaScript函数,用于计算两个日期之间的年、月和天数
- 用于在 SCORM1.2 中计算测验分数的 Javascript
- 用于计算产品价格的JavaScript构建和算法
- JS函数,用于计算产品数量和选项附加税
- Javascript计算不适用于第二个文本字段
- javascript公式用于计算向量法线
- Ember-自定义计算属性,用于检查是否存在所有依赖字段
- onKeyUp 事件计算不适用于 PHP 生成的表单中的以下行,除了第一行
- 用于计算输入框中的单词的 JavaScript 代码
- 用于中断浏览器事件上繁重计算的模式
- Javascript 异步用于复杂计算,但不是 ajax 调用
- jQuery 滑块 UI 值与用于乘法计算的输入混合
- Javascript计算脚本,用于计算表单输入值,然后另存为page2.php的隐藏输入
- 用于计算网格视图中的值的 JavaScript
- 为什么这种用于计算数组重复并将其存储到对象中的方法有效
- Javascript 中的总计计算,用于处理货币格式(MinusSignNegative)
- jQuery函数,用于计算两个JavaScript对象之间的差异
- 用于调查的 Javascript:从页面加载时从出生日期开始计算年龄 从预填充信息加载
- JavaScript三元运算符,用于计算字符串中的字符数
- 用于计算费用的脚本不显示结果