为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕姐8265434 2018-10-10 18:15:18
如图,想做这样一个东西,左边选择设置哪个值,然后输入大小,然后提交。假设设置x轴的值为100时,提交的是字符串:QWE:100设置y轴的值为50时,提交的是字符串:ASD:50应该怎么来获取这些字符串?
查看完整描述

1 回答

?
宝慕林4294392

TA贡献2021条经验 获得超8个赞

受邀前来,时间有限,简单写一下思路:

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


查看完整回答
反对 回复 2018-11-07
  • 1 回答
  • 0 关注
  • 425 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信