how to replace specfic value from the option tag using 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>");
            });
    });