Home/ Questions/Q 8299231
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T16:04:52+00:00

We need to replace portion of the html content with jquery. original_string = ‘<option

  • 0

We need to replace portion of the html content with jquery. 

original_string = '<option value=\"\"><\/option>\n'
replacing_string = '<option value=""></option> <option value="11">2012/05/09</option> <option value="6">2012/07/03</option> '
$('#id').html().replace(original_string, replacing_string);

The problem is that there are bunch of escape chars in both original and replacing string and the html().replace can not be executed. How to replace a string with escape characters?
Thanks.

Basically we are dynamically adding an empty select option to the page. Based on user input, a select options need to be inserted into the content and be rendered to the screen. The html manipulation happens before rendering.

UPDATE: html content(sorry, it is massy)

<div id="invoice_against_lease" style="display: none;">
<a onclick="add_nest_fields(this, "invoice_items", "<div class=\"fields\">\n<div class=\"input select optional\"><label class=\"select optional\" for=\"invoice_invoice_items_attributes_new_invoice_items_lease_usage_record_id\">Record#：<\/label><select class=\"select optional\" id=\"invoice_invoice_items_attributes_new_invoice_items_lease_usage_record_id\" name=\"invoice[invoice_items_attributes][new_invoice_items][lease_usage_record_id]\"><option value=\"\"><\/option>\n<\/select><\/div>\n<input id=\"invoice_invoice_items_attributes_new_invoice_items__destroy\" name=\"invoice[invoice_items_attributes][new_invoice_items][_destroy]\" type=\"hidden\" value=\"false\" /><a href=\"#\" onclick=\"remove_nest_fields(this); return false;\">Delete<\/a>\n<\/div>\n"); return false;" href="#">Add Record</a>
</div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If $('#id') is a reference to your <select... then you should be able to simply replace all of your options with $('#id').html(replacing_string);

    EDIT:

    If $('#id') is the id of the parent div, then the code only slightly changes :

    $('#id select').html(replacing_string);

    ( unless, of course, you have more than one select in that div, then you’d have to provide more detail so that we can help you with the correct selector… )

    • 0