javascript - 使用 jQuery 更改选择选项时更改占位符

Question

我有一个网站，在页面的不同位置具有相同的形式。当我更改选择选项时，我希望能够在文本输入中更改占位符。我有一个 JSFiddle ，有一个例子: http://jsfiddle.net/y1jhhqLz/

所有表单如下所示:

<form id="form1">
    <select id="mySelect1" onClick="changePlaceHolder('#mySelect1','#myInput1')">
        <option value='-1'>Form 1</option>
        <option value='First'>First Choice</option>
        <option value='Second'>Second Choice</option>
        <option value='Third'>Third Choice</option>
    </select> 
    <input id="myInput1" type="text" placeholder="Form 1"></input>
    <input class="dontChangeME" type="text" placeholder="Don't Change This One!"></input>
</form>

在此示例中，当我选择选项 Third 时，我希望更改 ID 为 myInput 的输入上的占位符。

我尝试了很多不同的方法来包含最近的尝试，我将其放在 JSFiddle 上。

任何帮助将不胜感激!

Answer 1

将 select onclick 属性设置为

onclick="changePlaceHolder(this,'#myInput1');"

并将 JavaScript 函数更改为

function changePlaceHolder(dropdown, element) {
    if (jQuery(dropdown).val() == "Third") {
         jQuery(element).attr('placeholder', 'You did it correctly!');   
    } else {
         jQuery(element).at}tr('placeholder', '');   
    }
}

在 JSFiddle 中，您应该将加载行为设置为“不包含在 head 中”

完成!