Question

变量包含html

var empDaysStatusDropDown =
"<select class='statusList form-control'><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></select>"

我想通过选择任何下拉选项来通过编程来更新这个html吗？

意味着我想选择0,1,2,3下拉列表中的任何一个选项并相应地更新html，这样当我在页面上显示html时，该选项将看到我选择的第一个

Answer 1

编辑：

我也为它创造了小提琴：Demo

据我说，你需要在将它附加到页面之前实现它。所以你想在jquery中操作它，我们走了：

var empDaysStatusDropDown =
$("<select class='statusList form-control'><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></select>");
empDaysStatusDropDown.find('option[value="1"]').attr('selected','selected');
// now you can append empDaysDropDown anywhere on the page.
$('body').append(empDaysStatusDropDown);

希望这会有所帮助：）

Answer 2

Try this
$(document.body).on("change",".statusList",function(){
  if(".statusList option:selected").val()=="1"){
   empDaysStatusDropDown ="new html";
  }
})

选择包含html的变量的下拉选项

2 个答案: