Javascript 显示选定的值_Javascript_Html_Jquery

Javascript 显示选定的值

javascript html jquery

Javascript 显示选定的值,javascript,html,jquery,Javascript,Html,Jquery,我有问题，我想选择并显示每个选定值但当我选择时，我只从单个框中获得一个值我不想使用append，因为append一直在追加即使我想更改“选择”值，它也只会追加，我想选择并显示其他值 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script&g

我有问题，我想选择并显示每个选定值但当我选择时，我只从单个框中获得一个值我不想使用append，因为append一直在追加即使我想更改“选择”值，它也只会追加，我想选择并显示其他值

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>

<form action="/action_page.php">
  <label for="cars">Choose a car:</label>
  <select name="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </select>
  <select name="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </select>
  <br><br>
</form>

<div id="show_values"></div>

<script>
$('select').on('change', function (e) {

    var txt = $(this).val();
    $('#show_values').text(txt+" ");
});
</script>

</body>
</html>

我们可以使用childrenoption:select元素中的selected来获得所选的值

之后，我们可以将它们存储在变量中或在任何地方显示

$“选择”。在“更改”上，函数e{ var txt=$'a'.childrenoption:selected.val； var txt2=$'b'.childrenoption:selected.val； $“显示值”。texttxt++txt2； }; 选择一辆车：请选择值沃尔沃汽车萨博欧宝奥迪请选择值沃尔沃汽车萨博欧宝奥迪 $“选择”。在“更改”上，函数e{ var currentOption=$this.children'option:selected'.val $“显示值”。textcurrentOption； }; 选择一辆车：沃尔沃汽车萨博欧宝奥迪沃尔沃汽车萨博欧宝奥迪

是的，就是这样，但为什么在开始选择时它会带来价值？如果我卖奥迪，带来奥迪，但不是奥迪和萨博，同时只输出与附加相同的内容，选择2辆车，看看有多少辆会输出，它只有1辆。我需要选择每个选择框并快速查看输出所选值，两个选择框的名称相同。试着改变一个，这样它会有所不同。