如何使用jQuery替换选项标签中的特定值

Question

i want to append the text box values in the dropdown list when user can change the text box value that time the existing value should be replaced to changed value in the option tag without selected how i can do this

   var valuedata
   $('.txtbox1').click(function (){
       valuedata = $(this).val();
   });
   $('.txtbox1').focusout(function (){
        var data = $(this).val();
        if ($('.ddl [value ="' + valuedata + '"]').val() == valuedata) {
            alert(valuedata);    
            $('.ddl').append($("<option value=" + data + " ></option>").html(data).val(data));
        }
        else {
            $(".ddl [value='" + valuedata + "']").val(data);
        }
   });

Answer 1

Try this :

$('select option:contains("old_text")').text('new_text');

To check for option is appended or not :

$("select option").each(function(i,obj){
    if($(obj).text() == "your_text"){
        console.log("yes");
    }
})

Answer 2

There are spaces before [value $(".ddl [value='" + valuedata + "']").val(data); which might be problem. So, remove that space:

$(".ddl[value='" + valuedata + "']").val(data);

---

Use html instead of append like this:

$('.ddl').html($("<option value=" + data + " ></option>")

Answer 3

DEMO: http://jsfiddle.net/c2Ry8/

    $(document).ready(function() {
        $('.txtbox1').focusout(function (){
            var data = $(this).val();
            $('.ddl').append("<option value=" + data + " >"+data+"</option>");
            });
    });