Question

这有点奇怪。简而言之，我尝试使用下拉列表添加字符串，但我不太确定如何去寻找答案并没有结果。

我已经尝试了jquery，java和HTML的任意数量的组合，但没有任何工作尚未

示例：

选择1：第一个字符串选择2：第二串选择3：第三个字符串

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

编辑：我觉得我觉得自己被误解了......以及我尝试的所有内容，这就是为什么我没有分享代码。但是我们走了：建议您安装颜色选择器以与此软件配对
base =＆＃34; 000000＆＃34 ;; eye =＆＃34; FFFFFF＆＃34 ;; nose =＆＃34; 000000＆＃34 ;; m1c =＆＃34; FFF000＆＃34 ;; m2c =＆＃34; 00FFFF＆＃34 ;; 物种= 1 m1 = 0 m2 = 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" />

希望它有所帮助。

Answer 2

此代码有效。

如果您的HTML看起来像这样。

<select name="">
    <option value="">thisis 1</option>
    <option value="">thisis 2</option>
    <option value="">tisis 3</option>
    <option value="">thisis 4</option>
    <option value="">thisis 5</option>
</select>
<select name="">
    <option value="">thisis 1</option>
    <option value="">thisis 2</option>
    <option value="">thisis 3</option>
    <option value="">thisis 4</option>
    <option value="">thisis 5</option>
</select>
<select name="">
    <option value="">thisis 1</option>
    <option value="">thisis 2</option>
    <option value="">thisis 3</option>
    <option value="">thisis 4</option>
    <option value="">thisis 5</option>
</select>
<textarea name="" id="resulter" cols="30" rows="10"></textarea>

你jQuery看起来像这样。

<script>

    $(function(){
        $('select').change(function(){
            // Get the selected option text
            var getText = $(this).find('option:selected').text();
            // Get the current textarea text
            var areaText = $('#resulter').text();
            // Concatenate the selected and area text together
            $('#resulter').text(areaText + getText);
        });

    });
</script>

用于创建字符串

2 个答案: