这是将选项值附加到下拉列表的正确方法吗?我从ajax获取数据(使用alert(data)测试它;),但它似乎没有附加到dropdown(在jQuery中生成).
$(document).on('focusout','.generate',function(InputField) { var name = ($('.generate').val()); $.post("<?PHP echo site_url('project/testFunction'); ?>",{ name: name,},function(data,status) { var items=""; $.each(data,function(index,item) { items += "<option>" + item.Description + "</option>"; }); $("#typeSoftware").append(items); }); });
生成的下拉列表:
$('#hardsoft tr:last').after('<tr><td>Software : </td><td> <select id="typeSoftware" class"add" name="softwarenames[]"/></td></tr>');
控制器中的功能:
public function testFunction() { $name = trim($this->input->post('name')); $this->load->model('mProject'); $test = $this->mProject->testFunction($name); echo json_encode($test); }
结果:
function testFunction($id) { $query = $this->db->get_where('R_InstalledItems',array('Description' =>$id)); return $query->result(); }
解决方法
检查此示例哪些工作在我的开发测试上.
<script type="text/javascript"> $(document).ready(function () { $("#dropdownCountry").change(function (e) { var obj1 = { Country: $("#dropdownCountry").val() }; $.ajax({ type: "POST",contentType: "application/json; charset=utf-8",url: "http://localhost:3323/AjaxWebService.asmx/getState",data: JSON.stringify(obj1),dataType: "json",success: function (data1) { var appenddata1 = ""; //alert(data1.d); var jsonData1 = JSON.parse(data1.d); for (var i = 0; i < jsonData1.length; i++) { appenddata1 += "<option value = '" + jsonData1[i].SHORT_NAME + " '>" + jsonData1[i].FULL_NAME + " </option>"; } $("#dropdownState").append(appenddata1); } }); }); }); </script>
machinesyntax.blogspot.my/2014/01/how-to-append-dropdownlist-using-jquery.html
这个想法是从webservice读取JSON数据并附加到下拉列表.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。