<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>通过文本文档form获取值</title>
<script>
window.onload=function(){
var num=document.forms.num;
var sel=document.forms.sel;
var num1=document.forms.num1;
sel.onchange=function(){
var indexsel=this.selectedIndex+1;//获取到select里面选中的option值得索引
num1.value=indexsel*parseInt(num.value);//将选中的这个值乘上num的值,并输出结果
}
}
</script>
</head>
<body>
<form name="forms">
<input type="text" name="num" />
<select name="sel">
<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>
</select>
<input type="text" name="num1" />
</form>
</body>
</html>
相关文章
- 02-125分钟快速实现Element通过v-for循环渲染的form表单验证
- 02-12通过form表单提交数据和ajax提交数据
- 02-12通过ajax提交form表单
- 02-12通过Form表单一次性拿到json格式数据,及后台接收
- 02-122FastAPI通过Header,Body,Form这三个库可以获取请求体请求体和表单数据
- 02-12微信小程序:input输入框和form表单几种传值和取值方式
- 02-12通过form表单的形式下载文件。
- 02-12js 取值&赋值-form表单
- 02-12通过form表单上传文件获取后台传来的数据
- 02-12如何通过submit提交form表单获取后台传来的返回值