将JSON添加到选项值

约翰·比斯利

我已经使用PHP一段时间了。我刚刚开始学习如何使用JSON。

我能够创建一个返回JSON的PHP文件。在我的主文件中,我引用了PHP文件并获取了JSON对象。

我可以在下拉选择菜单中显示对象,如下所示:

 $.getJSON( "folder/services.php", function( data )
 {
   $.each(data, function(index, item)
   {
     $('#service').append($("<option>" + item.SERVICE + "</option>"));
   });
 });

上面的代码工作正常。我可以在下拉SELECT选项中显示SERVICE值。

我要弄清楚的是如何使SERVICE进入OPTION的值。我希望我说的正确。

通常,OPTION标记如下所示:

 <option value="SERVICE_A">Service A</option>
 <option value="SERVICE_B">Service B</option>
 ...

但是由于我使用的是JSON,所以我不确定如何将值放入OPTION中。

我试图在JQuery中使用PHP,但未成功。我将向您展示我的尝试:

 $('#service').append($("<option value='".+ item.SERVICE +."'>" + item.SERVICE + "</option>"));

****** 编辑 ******

我尝试了下面由LShetty提交的这段代码:

 $.getJSON( "folder/services.php", function( data )
 {
   var strToAppend = "";
   $.each(data, function(index, item)
   {
     strToAppend += $("<option/>",
     {
       'value': item.SERVICE,
       'text': item.SERVICE
     });
   });
   $('#service').append(strToAppend);
 });

我只用这段代码空白。有人看到我做错了吗?

保罗·鲁布

您走在正确的轨道上。但是,不要尝试.在JS中使用它。这是PHP的东西。并且.+在两种语言中均不起作用。

更安全,更jQuery的十岁上下的方式来做到这一点(它会工作时"'<,等在本SERVICE值):

$('<option>').
  attr('value', item.SERVICE).
  text(item.SERVICE).
  appendTo($('#service'));

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将JSON添加到选项值

来自分类Dev

使用 JQuery 将输入值添加到选项值?

来自分类Dev

将值添加到json元素

来自分类Dev

将值添加到json数组

来自分类Dev

动态将选项值从数组添加到选择框

来自分类Dev

将类别添加到所选选项

来自分类Dev

将类别添加到所选选项

来自分类Dev

将触摸选项添加到滑块

来自分类Dev

将值添加到Ruby JSON对象

来自分类Dev

将新的键/值对添加到JSON

来自分类Dev

LibGDX:将新值添加到json

来自分类Dev

将类添加到动态JSON值

来自分类Dev

servlet将空值添加到JSON请求中

来自分类Dev

将键/值添加到 json 对象

来自分类Dev

首选项-将值添加到终端列表首选项android

来自分类Dev

AngularJS ng-options将数据类型添加到选项的值

来自分类Dev

当数据库值为NULL时,将空选项添加到DropDownList

来自分类Dev

Rails Formtastic:使用相关表中的值将“ data-”字段添加到选项标签

来自分类Dev

将更多值添加到“共享首选项”,而不是覆盖现有值

来自分类Dev

将IF语句添加到MulitSelectList首选项中的每个数组索引值中

来自分类Dev

将IF语句添加到MulitSelectList首选项中的每个数组索引值中

来自分类Dev

将添加选项卡添加到TemplateRole

来自分类Dev

可以将选项添加到npm package.json依赖项吗?

来自分类Dev

如何将 JSON 数组添加到无限数量的选项菜单中?

来自分类Dev

将值添加到对象数组

来自分类Dev

Django将值添加到ForeignKey

来自分类Dev

将空值添加到arraylist

来自分类Dev

将值添加到分组列

来自分类Dev

将重复的值添加到BindingList