私はHTMLで>オプション選択1 <で値を送信しようとしていますjQueryとmulitple選択オプション

Question

- ここ>を選択し、私の<ですが、私は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'} 

私は2つの値を取得し、VARSにそれらを設定するにはどうすればよい - 下記の私は間違っている知っている、私の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属性には一重引用符と二重引用符があります。

そして、theIDとroomnameを取得する値にJSON.parse()を入力します。 、以下を参照してください

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

DEMO