如何在javascript中一次加载所有组合框的数据?

时间:2016-03-21 15:44:49

标签: spring-mvc jquery-easyui

<code><li id="lisid" style="Display: none">
					<div id="divid" style="width:500px;">
					<table id="tableid">
					<tr>
	<td><table><tr><td><input id="rule_A" class="easyui-combobox" value="AV" style="width: 50px;"></td><td>rule_A</td></tr></table></td>
	<td><table><tr><td><input id="rule_B" class="easyui-combobox" value="BV" style="width: 50px;"></td><td>rule_B</td></tr></table></td>
	<td><table><tr><td><input id="rule_C" class="easyui-combobox" value="BV" style="width: 50px;"></td><td>rule_B</td></tr></table></td>
					</tr>

					</table></div></li></code>

我需要在js中加载它们。这些不相互依赖,但它们的所有数据都来自数据库中的一个表。 如何在一个ajax中加载这三个组合框的所有选项?

当我写这篇文章时:

$('input[id^="rule_"]')

我只能获得id = rule_A,为什么?

1 个答案:

答案 0 :(得分:0)

首先我要说对不起,这个答案并不像您使用的那样直接代码。但这里有一个可以帮助你的概念。

就像我使用PHP和JQuery EasyUI做的那样

  1. 我将表格中的所有数据传递给了我将用作Combobox的表格 页面(视图)作为变量。数据是包含查询的结果。作为PHP $text = "SELECT * FROM table A"; $d['data_a'] = $this->app_model->manualQuery($text);中的示例,在此示例中,我设置了data_a,我将传递给具有查询结果的视图页面。并且不要忘记为此示例的组合框值传递变量我传递$rule_A,如果值为空则设置为$rule_A='';
  2. 检查每个数据并筛选允许为Combobox列表的数据。例如,在PHP中我有$data_a然后循环并过滤每个Combobobox。
  3. 示例:

    <select id="rule_A" class="easyui-combobox" style="width: 50px;">
       if (empty(rule_A)){
         <option value="">Select</option>
       }
       foreach ($data_a->result() as $dt){
         if('filter value that include as rule A'){
           if ($rule_A == $dt->id_or_something_key){
             <option value="$dt->id_or_something_key" selected="selected">$dt->name_or_description_of_rule;</option>
           }else{
             <option value="$dt->id_or_something_key">$dt->name_or_description_of_rule;</option>
           }
         }
       }
    </select>
    

    希望可以提供帮助。