使用jQuery更改占位符文本

我正在使用一个jQuery占位符插件(https://github.com/danielstocks/jQuery-Placeholder)。我需要在下拉菜单中更改占位符文本。但这并没有改变。代码如下:

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

我的Html:

<div class="filterbox">
        <select name="ddselect" id="serMemdd">
            <option value="1" selected="selected">Search by Name</option>
            <option value="2">Search by ID</option>
            <option value="3">Search by Location</option>
        </select>
        <input id="serMemtb" type="text" style="width: 490px" placeholder="Type a name    (Lastname, Firstname)" />
        <input id="seMemBut" type="button" value="Search" />
    </div>

有人能算出来吗?

当前回答

试试这个

$('#Selector_ID').attr("placeholder", "your Placeholder");

2019-11-01 06:01:15

其他回答

使用jquery更改占位符文本

试试这个

$('#selector').attr("placeholder", "Type placeholder");

2019-07-05 09:23:16

$(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();
        }
    });
});

$(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

2012-02-10 18:47:36

如果输入是在div内部，那么你可以尝试这样做:

$('#div_id input').attr("placeholder", "placeholder text");

2019-07-05 09:59:56

$(document).ready(function(){ 
     $("input[type=search]").attr("placeholder","this is a test");
});

2019-12-10 06:00:21

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

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

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

编辑

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

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

2012-02-10 18:51:03

使用jQuery更改占位符文本

推荐文章

最新文章

标签