使用jquery更新html [英] updating html using jquery

问题描述

我在ia变量中有这个

  var  html =  < option value =  1   > Official On< / option>< option value =  2   >官方关闭< /选项>< option value =  3   >病假< / option>< ; option value =  4   > ;随意休假< / option>< option value =  5   >年假< /选项> 

想要选择thi的特定选项s下拉html？如何使用特定选项更新此html？

解决方案

要通过值属性获取特定选项，试试这个：

  var  html = ' < option value =1> Official On< / option>< option value =2> Official Off< / option>< option value =3 >病假< / option>< option value =4> Casual Leave< / option>< option value =5> Annual Leave< / option>'; 
  var  options = 

（' < select>' + html + ' < / select> ）; // 将选项包装在< select>中并获取jQuery对象
var found = options.find（ < span class =code-string> [value ='1']）; // 用您的值替换'1'
var foundText = found.text（）;

如果您想稍后修改该值，请执行以下操作：

 found.text（ 此处编辑的值。）; 

使用上述方法更改值后，您可以使用 .html（）方法获取新的HTML code>期权：

  var  newHtml = options.html （）; 

然后 newHtml 将是：

 <  选项   值  =  1 > 此处编辑的值。<   / option  >  <  选项   值  =  2 > 官方关闭<   / option  >  <  选项   < span class =code-attribute> value   =  3 > 病假<   / option  >  <   op     value   =  4 > 休假<   / option  >  <  选项    value   =  5 > 年假<   / option  >  

I have this in i a variable

var html = "<option value="1">Official On</option><option value="2">Official Off</option><option value="3">Sick Leave</option><option value="4">Casual Leave</option><option value="5">Annual Leave</option>"

want to select specific option of this drop down html? how to update this html with specific selected option?

解决方案

To get a specific option by the value attribute, try this:

var html = '<option value="1">Official On</option><option value="2">Official Off</option><option value="3">Sick Leave</option><option value="4">Casual Leave</option><option value="5">Annual Leave</option>';
var options =

('<select>' + html + '</select>'); // wrap the options in a <select> and get the jQuery object var found = options.find("[value='1']"); // replace '1' by your value var foundText = found.text();

If you want to modify the value later, then do this:

found.text("Edited value here.");

After changing the value using the above way, you can get the new HTML using the .html() method on options:

var newHtml = options.html();

Then newHtml will be:

<option value="1">Edited value here.</option><option value="2">Official Off</option><option value="3">Sick Leave</option><option value="4">Casual Leave</option><option value="5">Annual Leave</option>

这篇关于使用jquery更新html的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！