我有多個下拉選單，我想將下拉 文本的選定選項組合起來，并將其附加到<p>.
我最近能夠對 URL 引數進行編碼以自動選擇某些下拉選項。這將與我猜想的相反。如何從下拉選項中生成 URL 引數。
當用戶做出選擇時，他們可以單擊按鈕（getshareinfo），該按鈕將自動生成引數并將其附加到<p>下面。
到目前為止，這就是我所堅持的，我嘗試通過 '' 和 將文本直接添加到選擇器中，但這似乎不起作用。
它應該做什么的例子：
框 1：駕駛
框 2：快速
生成的 URL 文本：www.domain.com ?user=driving&speed=fast
$('#getshareinfo').on('click', function() {
$("#env-select option:selected").clone().appendTo("#shareinfo");
$('#src option:selected').clone().appendTo("#shareinfo");
})<select id="env-select">
<option value="driving">driving</option>
<option value="biking">biking</option>
<option value="walking">walking</option>
</select>
<select id="src">
<option value="slow">slow</option>
<option value="average">average</option>
<option value="fast">fast</option>
</select>
<button type="button" id="getshareinfo">Share</button>
<br>
<p id="shareinfo"></p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>已編輯
uj5u.com熱心網友回復：
價值在哪里？做就是了
$("#shareinfo").text( $("#env-select").val() $("#src").val())
連接或者如果你需要一個 URL
const url = new URL("https://www.example.com")
url.searchParams.set("user",$("#user").val())
url.searchParams.set("speed",$("#speed").val())
$("#shareinfo").html(`<a href="${url.toString()}">Click</a>`)
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/441183.html