【新人】如何让selectbox和input结合使用？

图片描述

如图，想做这样一个东西，左边选择设置哪个值，然后输入大小，然后提交。

假设设置x轴的值为100时，提交的是字符串：
QWE：100
设置y轴的值为50时，提交的是字符串：
ASD：50
应该怎么来获取这些字符串？

javascript html

阅读 3.2k

2 个回答

得票最新

宫春成

5272719

发布于
2017-01-03

✓ 已被采纳

受邀前来，时间有限，简单写一下思路：

<!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>