jQuery和多张选择选项

Question

我试图发送到值在HTML一个<选择>选项 - 这里是我的<选择>，我甚至不知道我是否有值树立正确发送到jQuery的。

<select id="needapproval" name="needapproval"> 
    <option value="">* * * Select * * *</option> 
    <cfloop query="GetApprover"> 
    <option VALUE="{'theID': '#GetApprover.rar_ID#', 
     'roomname': '#GetApprover.theroom#'}">Request Number - #GetApprover.rar_ID# 
     - Room/Gate Name -#GetApprover.theroom#</option> 
    </cfloop> 
</select> 

OK，一旦我选择的价值上面我做的jQuery的onchange事件。价值派：

{'theID': '29', 'roomname': 'red room'} 

如何抓住这两个值，并将其设置为瓦尔 - 下面是我jQuery的，我知道这是错误的：

var theID = $("#needapproval.theID").val(); 
var roomname = $("#needapproval.roomname").val(); 

Answer 1

你可以得到这些值与一些修改您的标记如下，

<select id="needapproval" name="needapproval"> 
<option value="">* * * Select * * *</option> 
<cfloop query="GetApprover"> 
<option VALUE='{"theID":"#GetApprover.rar_ID#","roomname":"#GetApprover.theroom#"}'>Request Number - #GetApprover.rar_ID# - Room/Gate Name -#GetApprover.theroom#</option> 
</cfloop> 
</select> 

请注意VALUE attr中的单引号和双引号。

然后你可以通过JSON.parse()的值得到theID和roomname。见下文，

$(function() { 
    $('#needapproval').change(function() { 
     var selectedVal = $(this).val();   
     var jsonObj = JSON.parse(selectedVal); 
     alert(jsonObj.theID + " " + jsonObj.roomname); 
    }); 
}); 

DEMO