Javascript 单击多个两个下拉框,但不附加
这是我第一次尝试javascript,也是我第一次在这里发表文章。我试图显示两个下拉框中值的简单乘法结果。因此,用户从每个值中选择一个值,点击按钮并得到A*B。这是我的工作方式,但如果他们更改答案并尝试提交一个新的数字,则第二个结果将附加到第一个结果。我一辈子都无法重置场。我尝试了.replaceWithresult而不是.appendresult,解决了这个问题,但是用户根本无法进行第二次选择 非常感谢您的帮助!另外,我想知道它是否可以输出一个逗号作为千位分隔符Javascript 单击多个两个下拉框,但不附加,javascript,Javascript,这是我第一次尝试javascript,也是我第一次在这里发表文章。我试图显示两个下拉框中值的简单乘法结果。因此,用户从每个值中选择一个值,点击按钮并得到A*B。这是我的工作方式,但如果他们更改答案并尝试提交一个新的数字,则第二个结果将附加到第一个结果。我一辈子都无法重置场。我尝试了.replaceWithresult而不是.appendresult,解决了这个问题,但是用户根本无法进行第二次选择 非常感谢您的帮助!另外,我想知道它是否可以输出一个逗号作为千位分隔符 <form
<form name="myForm" id="myForm">
<label>Select Amount</label>
<select id="box1" type="select" oninput="calculate()" />
<option value="choose" selected>Choose</option>
<option value="15000">$15,000</option>
<option value="20000">$20,000</option>
<option value="25000">$25,000</option>
<option value="30000">$30,000</option>
<option value="35000">$35,000</option>
</select>
<label>Select Type</label>
<select id="box2" type="select" oninput="calculate()" />
<option value="x" selected>Choose</option>
<option value=".21">1</option>
<option value=".40">2</option>
</select>
<input class="button" type="submit" value="Submit" id="multiply">
<p>
<strong>here are the results:</strong>
</p>
<h3>
<strong>$<span id="result2"></span></strong> a week
</h3>
</form>
<script>
$(document).ready(function(){
$('#multiply').click(function(event){
event.preventDefault();
var n1=$('#box1').val();
var n2=$('#box2').val();
var result=Math.round(n1*n2 /52);
$('#resultholder2').fadeIn(200);
$('#number1').append(n1);
$('#number2').append(n2);
$('#result2').append(result);
});
});
</script>
你做得很好。只需在显示新结果之前隐藏以前的结果,并使用html显示结果
<script>
$(document).ready(function(){
$('#multiply').click(function(event){
event.preventDefault();
var n1=$('#box1').val();
var n2=$('#box2').val();
var result=Math.round(n1*n2 /52);
$("#result2").hide();
$('#resultholder2').fadeIn(200);
$('#number1').append(n1);
$('#number2').append(n2);
$('#result2').html(result);
});
});
</script>
这是您的javascript代码
`$(document).ready(function(){
$("select").change(function(){
var n1=$('#box1').val();
var n2=$('#box2').val();
var result=Math.round(n1*n2 /52);
if(!isNaN(result))
$("#result2").text(result);
});
});`
试试这个:
$('#result2').text('');
在为结果元素赋值之前,请使用此语法。Brilliant!作品很棒!我花了几个小时寻找那个调整,但没找到!万分感谢!很高兴听你这么说欢迎:你可以接受我的回答来做更多的事情。如果答案解决了你的问题,考虑接受答案。下面是如何返回此处并对勾号/复选标记执行相同操作,直到其变为绿色。这将通知社区,找到了解决方案。否则,其他人可能会认为问题仍然悬而未决,并可能希望发布更多答案。您将获得积分,并鼓励其他人帮助您。欢迎来到Stack@这里是在每三个位置添加逗号的源代码。函数编号WithCommasx{return x.toString.replace/\B?=\d{3}+?!\d/g;}再次显示Hi!我正在运行下面的脚本来添加逗号&它处理的是
12345
,但不是结果2的输出。有什么想法吗?脚本如下:函数numberWithCommasx{return x.toString.replace/\B?=?:\d{3}+?!\d/g,;}$'.points'。每个函数{var v_pound=$this.html;v_pound=numberWithCommasv_pound;$this.htmlv_pound}