Twitter bootstrap twitter引导绑定选择到输入

我完全被Bootstrap的行话弄糊涂了。我正在创建一个页面，其中我从一个select中选择了一个专业，我想将该选择绑定到以前的CFDIV，但我不能再使用它了。如果用户选择Fed/Gen作为专业，那么我想显示该组的所有子专业

<div style="width:95">Specialty:
  <select enabled="Yes" name="specialty" multiple="no" required="Yes" message="Specialty is Required.">
     <option value = "1" <cfif QUser.specialty EQ "1">selected</cfif>>Fed / Gen</option>
     <option value = "2" <cfif QUser.specialty EQ "2">selected</cfif>>State & Local</option>
     <option value = "3" <cfif QUser.specialty EQ "3">selected</cfif>>International</option>
     <option value = "5" <cfif QUser.specialty EQ "5">selected</cfif>>Human Resource</option>
     <option value = "6" <cfif QUser.specialty EQ "6">selected</cfif>>Other</option>
  </select></td>

</div>    
<div>
    Sub Specialties
</div>
<!---             <cfdiv id="subspecDiv" bind="url:panels/panel1_5_1.cfm?indivnum=#indivnum#&specialty_select={specialty}" /> --->
<cfif url.specialty_select neq "">
<cfif url.specialty_select NEQ "0">
    <table width="100%">  
       <cfquery name="subSpecList" datasource="#request.dsn#">
            SELECT *
            FROM Subspecialty
            WHERE specialtyID = #url.specialty_select#
            <cfif url.specialty_select EQ '3'>
            ORDER by sequence
            </cfif>
       </cfquery>

       <cfset variables.newrow = true>
       <tr>
         <cfoutput query="subSpecList">       
    <cfquery name="subSpecCheck" datasource="#request.dsn#">
               SELECT * 
           FROM users_subspecialty
           WHERE 0=0
           <cfif indivnum NEQ "">
            AND UserID = <cfqueryparam value="#indivNum#" cfsqltype="CF_SQL_NUMERIC" maxlength="10"/>
           </cfif>
           AND subspecialtyid = #subspecialtyid#
        </cfquery>              

            <cfif variables.newrow EQ true>
                <tr> 
            </cfif>
            <td align="left" width="50%">
                    <table cellpadding="0" cellspacing="0">
              <tr>
                        <td style="width:60"><input type="text" name="subspec_#subspecialtyid#" size="2" <cfif subSpecCheck.percentage gt "0">value="#subSpecCheck.percentage#" </cfif> onChange="javascript: experienceUpdateDate();" /> %</td>
                        <td style="width:5">
                <input type="text" name="subspecABC_#subspecialtyid#" value="#subSpecCheck.ABC#" size="1" maxlength="1" onChange="javascript: experienceUpdateDate();" /></td>
                          <td style="width:140">&nbsp;#title#</td>
                     </tr>
                   </table>
                    </td>
                <cfif subSpecList.currentRow MOD 2 EQ 0>
                    </tr>
                    <cfset variables.newrow = true>
                    <cfelse>
                    <cfset variables.newrow = false>
                    </cfif>

          </cfoutput>
      </tr>
      </table>
 </cfif>               
</cfif>

---

我在做一些假设。。。1您的意思是将代码划分为子专业正下方的2个文件。2使用cfform将select语句包装在顶部，并将select更改为cfselect。我的PSA——更加一致地使用您的cfqueryparam语句会有所帮助。不，我正在将基于CF的管理系统中使用的代码转换为Twitter引导。我正在删除表等。我也没有使用cfform和cfdiv等。我的不是为了解释为什么。。。废话，废话，废话。我需要将select绑定到子专业表。我必须将cfquery转换为cfinvoke。或者，我有用于ajax调用的Jquery。除了您的偏好，这不是它们不能一起工作的物理原因。。您必须加载jquery，给出您的选择框和ID，在选择框的一次更改中，使用脚本执行ajax调用，传递ID，返回json，然后使用jquery解析json，等等。。。。或者，您可以保持代码不变，将cfform包装并切换到cfselect。您仍然可以将所有相同的引导类应用于这些元素，以使其看起来漂亮。当页面加载完毕，并且您在浏览器中查看时，所有内容看起来几乎相同。