JQuery选择Text with JQuery创建HTML

时间:2015-07-08 09:28:29

标签: jquery html select

我知道这里已多次询问此问题并且我已经搜索了我的具体解决方案但无法解决这个问题 - 在有人对我大喊大叫之前,我还在学习JQuery并且知道这不是它的完成方式,但这对我有用,并展示了我想要实现的一个例子。我知道这是一个更简单的解决方案,但无法弄清楚它是什么。

我的问题是我从JSON查询中读回来并需要根据JSON结果选择下拉选项。我认为我的问题更多的是HTML select代码是在JQuery本身内创建的。我之前遇到过这样的问题,.live似乎解决了这个问题,但我不确定这个问题是解决方案。这是我目前拥有的代码 - 虽然有效但却是错误的方法。

if (calEvent.visitortype == "Customer") {
    Cust = "selected"
    Supp = ""
    Oth = ""
} else if (calEvent.visitortype == "Supplier") {
    Cust = ""
    Supp = "selected"
    Oth = ""                
} else if (calEvent.visitortype == "Other") {
    Cust = ""
    Supp = ""
    Oth = "selected"                
}
$('#msgBox4').html($('#msgBox4').html() + '<div class="table-row"><div class="table-col-l">Visit Type:</div><div class="table-col-r"><select id="type" required="required"><option selected value="" disabled> -- select an option -- </option><option '+Cust+'>Customer</option><option '+Supp+'>Supplier</option><option '+Oth+'>Other</option></select></div></div>')

1 个答案:

答案 0 :(得分:1)

这就是我提出的:

formBuilder->getForm()

请注意,我从您生成的下拉列表中删除了所选标记。

See JSFiddle demo here

更改jsfiddle的第一行以模拟访问类型。