【新人】如何让selectbox和input结合使用？
如图，想做这样一个东西，左边选择设置哪个值，然后输入大小，然后提交。
假设设置x轴的值为100时，提交的是字符串：
QWE：100
设置y轴的值为50时，提交的是字符串：
ASD：50
应该怎么来获取这些字符串？
慕姐8265434浏览 429回答 1
1回答
-
宝慕林4294392
受邀前来，时间有限，简单写一下思路：<!DOCTYPE html><html><head><title></title></head><body><form action="#" id="form"> <select id="content" name="selse" > <option value="x">设置x轴值</option> <option value="y">设置y轴值</option> </select> <input type="text" id="text"> <button>提交</button></form><script> var form = document.getElementById('form'); var sub_btn = document.getElementById('sub_btn'); var content = document.getElementById('content'); var text = document.getElementById('text'); form.onsubmit = function(){ var index=content.selectedIndex; if(content.options[index].value == 'x'){ text.value = 'QWE:'+text.value+''; }else{ text.value = 'ASD:'+text.value+''; } console.log(text.value); }</script></body></html>
随时随地看视频慕课网APP
相关分类
JavaScript