把两个选择标记的值放在<output>，html

Question

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

例如，如果在第一个标签有人选择cars和seccon golf, 我想在输出中有表达式cars,golf ..我该怎么做？请帮我

Answer 1

这是一个纯粹的JavaScript工作demo。

我提出的解决方案是捕获onchange事件并使用innerHTML将其显示在div标记中。

HTML：

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

的JavaScript：

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

}; 

Answer 2

这是一个粗略的想法，你需要改进它根据您的需要

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

DEMO

Answer 3

只需在jQuery的使用.change()。

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

demo here。