动态占位符的工作实例使用Javascript和Jquery http://jsfiddle.net/ogk2L14n/1/

<input type="text" id="textbox">
 <select id="selection" onchange="changeplh()">
     <option>one</option>
     <option>two</option>
     <option>three</option>
    </select>

function changeplh(){
    debugger;
 var sel = document.getElementById("selection");
    var textbx = document.getElementById("textbox");
    var indexe = sel.selectedIndex;

    if(indexe == 0) { 
     $("#textbox").attr("placeholder", "age");

}
       if(indexe == 1) { 
     $("#textbox").attr("placeholder", "name");
}
}

$(this).val()是一个字符串。使用parseInt($(this).val()， 10)或检查'1'。10表示以10为底。

$(function () {
    $('input[placeholder], textarea[placeholder]').blur();
    $('#serMemdd').change(function () {
        var k = $(this).val();
        if (k == '1') {
            $("#serMemtb").attr("placeholder", "Type a name (Lastname, Firstname)").blur();
        }
        else if (k == '2') {
            $("#serMemtb").attr("placeholder", "Type an ID").blur();
        }
        else if (k == '3') {
            $("#serMemtb").attr("placeholder", "Type a Location").blur();
        }
    });
});

Or

$(function () {
    $('input[placeholder], textarea[placeholder]').placeholder();
    $('#serMemdd').change(function () {
        var k = parseInt($(this).val(), 10);
        if (k == 1) {
            $("#serMemtb").attr("placeholder", "Type a name (Lastname, Firstname)").blur();
        }
        else if (k == 2) {
            $("#serMemtb").attr("placeholder", "Type an ID").blur();
        }
        else if (k == 3) {
            $("#serMemtb").attr("placeholder", "Type a Location").blur();
        }
    });
});

其他插件

ori已经让我注意到你正在使用的插件不能克服ie HTML失败。

试试这样做: http://archive.plugins.jquery.com/project/input-placeholder

$(document).ready(function(){ 
  $('form').find("input[type=textarea], input[type=password], textarea").each(function(ev)
  {
      if(!$(this).val()) { 
     $(this).attr("placeholder", "Type your answer here");
  }
  });
});

复制并粘贴这段代码在你的js文件，这将改变所有占位符文本从整个网站。

这个插件看起来不是很健壮。如果再次调用. Placeholder()，它会创建一个新的Placeholder实例，而事件仍然绑定到旧的实例。

看一下代码，你可以这样做:

$("#serMemtb").attr("placeholder", "Type a name (Lastname, Firstname)").blur();

编辑

占位符是HTML5属性，猜猜谁不支持它?

你的插件似乎并没有真正帮助你克服IE不支持它的事实，所以当我的解决方案起作用时，你的插件没有。你为什么不找个懂的。

你可以简单地使用

$("#yourtextboxid").attr("placeholder", "variable");

其中，如果变量是字符串，那么你可以像上面那样使用，如果它是变量，用“变量”这样的名字替换它，不带双引号。

如:$ (" # youtextboxid ")。attr(“占位符”,变量); 它会起作用的。

你可以使用下面的代码来更新一个占位符的id:

$("#serMemtb").attr("placeholder", "Type a Location").val("").focus().blur();