jquery - 如何使用 Jquery 添加输入字段的值

标签 jquery

我有一个如下所示的输入字段,

 <input name="update_price" type="text" id="update_price" value="£" size="8" 
        maxlength="8" />

我想从选择框的值中获取一些价格值并将其添加到 £ 符号后面,这在 jquery 中是如何实现的,

  <form>
                <select name="select" id="select">
                  <option>Select your pizza</option>
                  <option value="6.65">NY, 10&quot;, £6.65</option>
                  <option value="8.95">NY, 12&quot;, £8.95</option>
                  <option value="11.95">NY, 16&quot;, £11.95</option>
                  <option value="3.45">Chicago, 7&quot;, £3.45</option>
                  <option value="6.65">Chicago, 10&quot;, £6.65</option>
                  <option value="8.95">Chicago, 12&quot;, £8.95</option>
                  <option value="11.95">Chicago, 16&quot;, £11.95</option>
                  <option value="19.95">Chicago, Beast 24&quot; x 18&quot;, £19.95</option>
                 </select>
         </form>



    $(function()
    {
   $('#select').change( function() {

    $('input[name=update_price]').val($("#select :selected").val() );
  });
   });

它适用于上面的代码,但 £ 符号消失,任何帮助将不胜感激。

最佳答案

过去,我在货币符号的输入框中使用了背景图像。这样符号可以看起来很漂亮,左对齐(而值右对齐)并且不会妨碍计算。

希望有帮助

关于jquery - 如何使用 Jquery 添加输入字段的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1221239/

相关文章:

jquery - AJAX/JQuery 加载整个页面而不是 div

jquery - 视口(viewport)底部的菜单然后粘在顶部

javascript - 如何在await page.addScriptTag({url : 'https://code.jquery.com/jquery-3.2.1.min.js' }) in Puppeteer?

javascript - 如何在现有选择中按 id 选择元素?

javascript - 我应该使用 JavaScript 解析 XML 还是使用 CSS 来显示它

javascript - Ruby on Rails AJAX 提交表单错误

php - 如何在 woocommerce ajax add_to_cart 之后运行我的自定义 ajax?

javascript - JQuery/JavaScript : how to retain active nav state after link?

javascript - jquery - 根据文档宽度折叠面板

javascript - 在 Web 方法中获取 JSON 数组中的数组?如何?