主页 / 问题 / 1389684
Accepted
hellokitViki
Asked:2022-08-13 04:31:08 +0800 CST2022-08-13 04:31:08 +0800 CST

选择选择时生成链接

  • 772

如何在选择选择时形成带有参数的链接：shop?brand=1&model=2&body=3&krep=4，以便将其添加到表单或其他地方。就像我现在做的那样，但是链接被覆盖了，没有更新。似乎需要某种变量来存储以前的值，但我不明白一切应该如何。

$('select[data-filter="carSelect"]').on('click', function(){
  $('#link').val('?id='+$(this).val())
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select data-filter="carSelect">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

<select data-filter="carSelect">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

<select data-filter="carSelect">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

<input id='link' value="">

javascript

1 个回答

  1. Best Answer

    const selectList = $('select[data-filter="carSelect"]');

function format() {
  link.value = [...selectList].map((select) => `${select.name}=${select.value}`).join('&');
}

format();
selectList.on('change', format);
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="a1" data-filter="carSelect">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

<select name="b2" data-filter="carSelect">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

<select name="b3" data-filter="carSelect">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

<input id='link' value="">

    • 1

相关问题