Question

我有1个下拉框，里面有不同的选项。

<select>
    <option>Option 1</option>
    <option>Option 2</option>
</select>
<input placeholder="TEST">

我希望输入字段的占位符在选项1或2

时更改

Like this:

when dropdown is 1 i want the placeholder of the input field to be A
when dropdown is 2 i want the placeholder of the input field to be B

这可能吗？

Answer 1

你不应该为此添加jQuery的开销 - 所以，这是一个普通的JS解决方案：

＆＃13;

<select id="mySelect">
    <option data-placeholder="A">Option 1</option>
    <option data-placeholder="B">Option 2</option>
</select>

<input type="text" id="myInput" placeholder="default placeholder" />

＆＃13;

BMP2()

＆＃13;

Answer 2

如果你使用jQuery，你可以用这种方式来实现你想要的。如果您要我解释，请告诉我

$('.placeholder-changer').click(function () {
 $('#input-id').attr('placeholder', $(this).data('placeholder'))
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<ul>
  <li class="placeholder-changer" data-placeholder="placeholder 1">First Option</li>
  <li class="placeholder-changer" data-placeholder="placeholder 2">Second Option</li>
</ul>

<input id="input-id" />

在上一个选项字段更改时更改占位符文本（PHP / HTML）

2 个答案: