Javascript 要将两个select标记的值放入<；产量>；，html

我有两个select标记，当用户在每个select标记中选择一个值时，我希望有一个显示这两个值的输出：

例如，如果在第一个标记中有人选择了

cars

，在seccon

golf

中，

---

我想在输出中包含表达式

cars，golf

。我该怎么做？请帮帮我这里有一个大概的想法，你需要根据你的需要改进它

<script type="text/javascript">

            $(function(){

            var sb1_val;
            var sb2_val;

             $('#sb1').on('change', function() 
             {
                sb1_val = this.value ;
             });

             $('#sb2').on('change', function()
             {
                sb2_val = this.value ;

                 console.log(sb1_val+','+sb2_val); //this will output the both
                 alert(sb1_val+','+sb2_val); //this will output the both

             });

            });


        </script>


    <select id='sb1'>
        <option value='car1'>car1</option>
        <option value='car2'>car2</option>

    </select>


    <select id='sb2'>
        <option value="golf1">golf1</option>
        <option value='golf2'>golf2</option>

    </select>

$（函数（）{
var sb1_val；
var sb2_val；
$（'#sb1'）。on（'change'，function（）
{
sb1_val=该值；
});
$（'#sb2'）。on（'change'，function（）
{
sb2_val=该值；
log（sb1_val+，'+sb2_val）；//这将同时输出
警报（sb1_val+'，'+sb2_val）；//这将同时输出
});
});
car1
赛车总动员2
高尔夫1
golf2

---

只需在jQuery中使用

.change（）

$("select").change(function(){
    //output the values
    $("#my_output").val($("#s1").val() + "," + $("#s2").val());
});

演示。

这里是一个纯JavaScript的工作环境

我提出的解决方案是捕获

onchange

事件，并使用

innerHTML

将其显示在div标记中

HTML:

---

你能告诉我们你到目前为止都尝试了什么吗？你能帮我们把你的代码发布在一个网页上吗？@user3272713请试着理解代码。如果这解决了你的问题，请将其标记为已接受。你帮了我很多…谢谢

<select id="select1">
   <option> cars </option>
   <option> bikes </option>
</select>
<div id="output"></div>

document.getElementById("select1").onchange=function(){
    var e = document.getElementById("select1");
    selected1  = e.options[e.selectedIndex].text;
    if(selected2!="")
       document.getElementById("output").innerHTML = selected1 + ", " + selected2;

};