javascript - 创建字符串的 HTML 表单

Question

这有点奇怪。长话短说，我正在尝试使用下拉列表将字符串添加在一起，但我不太确定如何去做，并且搜索答案没有结果。

我已经尝试了 jquery、java 和 HTML 的多种组合，但没有任何效果还

示例:

选择 1:第一串 选择2:第二弦 选择3:第三弦

我还需要它在屏幕上的某个地方显示结果(我试图通过一个按钮运行一个函数，该按钮将字符串添加在一起并将它们显示在文本框中，但它只会添加数字，而不是字符串)

编辑:我觉得我从根本上误解了......好吧，我尝试过的所有事情都是如此，这就是为什么我没有分享代码。但我们开始吧: 建议您安装一个颜色选择器来配合该软件
基数=“000000”； 眼睛=“FFFFFF”； Nose =“000000”； m1c =“FFF000”； m2c =“00FFFF”； 物种 = 1 m1 = 0 米2=0

                function feli() {
                    var m1 = document.getElementById("textbox1").value;
                    var answer = "http://www.felisfire.com/demo.php?s="+species+"&b"="+"base"+"&e="+"eye"+"&n="+"nose"+"&m1="+"m1"+"&m1c="+"m1c"+"&m2="+"m2"+"&m2c="+"m2c";
                    var textbox3 = document.getElementById('textbox3');
                        textbox3.value=answer;
                } 
            </script>
            Species
                <select name=species id=species>
                    <option value="1">Felidae</option>
                    <option value="3">Aquus</option>
                    <option value="8">Scalae</option>
                    <option value="5">Zerda</option>
                    <option value="6">Chetae</option>
                    <option value="10">Aurae</option>
                    <option value="7">Igneo</option>
                    <option value="9">Lycreon</option>
                    <option value="4">Iuridon</option>
                    <option value="2">Xano</option>
                </select>

            Marking 1
                <select name=m1 onChange = "m1 = this.value">
                    <option value="1">None</option>
                    <option value="12">Accents</option>
                    <option value="41">Anubis (p)</option>
                    <option value="13">Appaloosa</option>
                    <option value="15">Back Spots</option>
                    <option value="124">Badger</option>
                    <option value="44">Ball Python</option>
                </select>

            Marking 2
                <select name=m1 onChange = "m2 = this.value">
                    <option value="1">None</option>
                    <option value="12">Accents</option>
                    <option value="41">Anubis (p)</option>
                    <option value="13">Appaloosa</option>
                    <option value="15">Back Spots</option>
                    <option value="124">Badger</option>
                    <option value="44">Ball Python</option>
                </select>

            <input type="submit" name="button" id="button1" onclick="feli" value="Design!" />
            <input type="text" name="textbox3" id="textbox3" readonly="true"/>
            </div>

Answer 1

使用 JQuery 组合字符串非常简单。

$("input").on("change", function () {
    $('#combine').val(($('#str1').val() +" "+ $('#str2').val()));   
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="str1" />
<input type="text" id="str2" />
<input type="text" id="combine" />

希望有帮助。