Thay đổi văn bản giữ chỗ bằng jQuery

Tôi đang sử dụng một trình giữ chỗ jQuery (https://github.com/danielstocks/jQuery-Placeholder). Tôi cần thay đổi văn bản giữ chỗ với sự thay đổi trong menu thả xuống. Nhưng nó không thay đổi. Đây là mã:

$(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 của tôi:

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

Bất kì ai có thể hình dung điều này không?

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

Sao chép và dán mã này vào tệp js của bạn, điều này sẽ thay đổi tất cả văn bản giữ chỗ từ toàn bộ trang web.

Bạn có thể sử dụng mã sau để cập nhật trình giữ chỗ theo id:

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

đơn giản là bạn có thể sử dụng

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

trong đó, nếu biến là chuỗi thì bạn có thể sử dụng như trên, nếu biến đó thay thế bằng tên như "biến" bằng dấu ngoặc kép.

ví dụ: $("#youtextboxid").attr("placeholder", variable); nó sẽ hoạt động.

Các plugin không trông rất mạnh mẽ. Nếu bạn gọi .placeholder()lại, nó sẽ tạo một thể hiện mới Placeholdertrong khi các sự kiện vẫn bị ràng buộc với cái cũ.

Nhìn vào mã, có vẻ như bạn có thể làm:

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

BIÊN TẬP

placeholderlà một thuộc tính HTML5 , đoán xem ai không hỗ trợ nó?

Plugin của bạn dường như không thực sự giúp bạn vượt qua thực tế là IE không hỗ trợ nó, vì vậy trong khi giải pháp của tôi hoạt động, plugin của bạn thì không. Tại sao bạn không tìm thấy cái nào.

$(this).val()là một chuỗi. Sử dụng parseInt($(this).val(), 10)hoặc kiểm tra '1'. Mười là để biểu thị cơ sở 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();
        }
    });
});

Hoặc là

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

Các plugin khác

ori đã làm tôi chú ý rằng plugin bạn đang sử dụng không khắc phục được lỗi HTML của IE.

Hãy thử một cái gì đó như thế này: http://archive.plugins.jquery.com/project/input-placeholder

ví dụ hoạt động của trình giữ chỗ động bằng Javascript và 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");
}
}

thay đổi văn bản giữ chỗ bằng cách sử dụng jquery

thử cái này

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

Di chuyển dòng đầu tiên của bạn xuống phía dưới sẽ giúp tôi: http://jsfiddle.net/tcloninger/SEmNX/

$(function () {
    $('#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();
        }
    });
    $('input[placeholder], textarea[placeholder]').placeholder();
});

Nếu đầu vào nằm trong div hơn bạn có thể thử điều này:

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

thử cái này

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

điều này làm việc cho tôi:

jQuery('form').attr("placeholder","Wert eingeben");

nhưng bây giờ điều này không hoạt động:

// Prioritize "important" elements on medium.
            skel.on('+medium -medium', function() {
                jQuery.prioritize(
                    '.important\\28 medium\\29',
                    skel.breakpoint('medium').active
                );
            });

$(document).ready(function(){ 
  $('form').find("input[type=search]").each(function(ev)
  {
     $(this).attr("placeholder", "Search Whatever you want");
  });
});

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