javascript 如何在更改时更改自定义引导输入

cigdeys3 于 2023-02-18 发布在 Java

关注(0)|答案(1)|浏览(96)

我有下面的表格：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<form method="post">
  <div class="form-group">
    <label for="model">Offer Model / Type</label>
    <select name="model" id="model" class="form-control" required>
      <option value="1">Set Rate</option>
      <option value="2">Percentage</option>
    </select>
  </div>
  <div class="form-group">
    <label for="price">Price:</label>
    <div class="input-group">
      <div class="input-group-prepend">
        <span class="input-group-text">
                <i class="fas fa-dollar-sign"></i>
            </span>
      </div>
      <input type="text" id="price" name="price" class="form-control" required>
    </div>
  </div>
  <button type="submit">Update Product Price</button>
</form>

我试图使它这样当有人选择的百分比在选择输入，它改变了价格输入低于它，从$前置输入到一个%符号在输入结束，当然反向如果他们改变回设置率。
我不是完全熟悉Java脚本，谁能帮我找出正确的方法来实现这一点？

JavaScript

来源：https://stackoverflow.com/questions/75424554/how-to-change-a-custom-bootstrap-input-onchange

1条答案

按热度按时间

wkyowqbh1#

您可以在model select上使用onchange事件，然后根据所选选项显示百分比或美元。
如果你打算使用jquery，这可能比下面的js代码更有用：

$( "#model" ).change(function() {
    $('#percent').toggleClass('d-none');
    $('#dollar').toggleClass('d-none');
});

x一个一个一个一个x一个一个二个x

赞(0）回复(0）举报 2023-02-18

我来回答

javascript 如何在更改时更改自定义引导输入

1条答案

相关问题

热门标签

最新问答