jQuery Mobile - 将值添加到选择并将值传输到按钮答案

【问题标题】：jQuery Mobile - Adding values to selections and transferring value to buttonjQuery Mobile - 将值添加到选择并将值传输到按钮
【发布时间】：2017-01-31 17:50:03
【问题描述】：

我是新来的论坛，所以对于任何不了解的地方我深表歉意。我正在尝试在我的 jquery 移动页面上创建两个元素：

一个选择菜单，我可以在其中命名为“Bob”并附加一个电话号码作为“Bob 选择”的值

（我可以制作一个选择菜单并更改名称，我只是不确定如何添加电话号码作为隐藏值）

做出该选择后，我希望将电话号码“值”提取并添加到按钮上的呼叫“操作”中，按下该按钮即可呼叫 Bob。

我也可以拨打电话按钮，但这是一个预先确定的电话号码，并希望这个通用按钮能够根据选择菜单上的选择更改电话号码值（我最终希望将这些元素放在一个单独的页面上，但这还很遥远。）

我尝试了几种不同的方法进行研究和编码，但无法弄清楚。感谢您的所有帮助！

【问题讨论】：

标签： jquery html css mobile

【解决方案1】：

你可以这样使用。

$(document).ready(function(){
  $(".select").on("change", function() {
    var $number = $(this).val();
    $("a.link").attr("href", $number);
  })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="select">
  <option value="tel:+10245789">Bob</option>
  <option value="tel:+10365487">Bart</option>
  <option value="tel:+10658795">Boone</option>
</select>

<a class="link" href="tel:+10245789">Call him!</a>

【讨论】：

当我在这里运行 sn-p 时效果很好，但由于某种原因，当我在浏览器中预览时，脚本没有在 DreamWeaver 中运行。另外，你知道我怎样才能把它变成一个按钮而不是一个超链接吗？感谢您的帮助！
是的，您可以为此使用按钮。使用 link 的按钮瞬间和 href 的值瞬间。