从选择框中获取选项值并粘贴到 href

Posted

技术标签:

【中文标题】从选择框中获取选项值并粘贴到 href【英文标题】:Get option value from selectbox and paste to href 【发布时间】:2018-08-18 07:15:13 【问题描述】:

我有选择框:

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

而 paypal href 获得很少的值来识别我正在销售的服务,看起来像这样:

<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=BUSINESSNAME&lc=BM&item_name=<?php 
echo $ppnazwa; ?>&amount=<?php echo rwmb_meta('sd_ppcost'); ?>%2e00&currency_code=EUR&button_subtype=services&no_note=0&bn=PP%2dBuyNowBF%3abtn_buynow_LG%2egif%3aNonHostedGuest" class="more-link">Pay by PayPal</a>

我想从选择框中添加值,在贝宝链接中的 $ppnazwa 值旁边。我该怎么做?

【问题讨论】:

【参考方案1】:

你可以做类似的事情

$('.paypalAnchor').attr('href', $('.paypalAnchor').attr('href').replace('&amount', '&amount' + $('select').val()))

给链接标签一个类 `paypalAnchor'

【讨论】:

以上是关于从选择框中获取选项值并粘贴到 href的主要内容,如果未能解决你的问题,请参考以下文章

选择和取消选择时从选择框中获取值

如何在 Access 中打开表单,自动选择组合框中的值并显示详细信息?

当选项是o =使用ng-repeat构造时,从选择框中获取所有选项

如何使用 jquery 从 asp.net 列表框中仅获取当前选定的选项

从通过 d3.js 创建的下拉选择框中选择一个选项时,发送到按钮的值变为未定义

Vue.js:如何在选择下拉框中获取选项的属性?