今日、プロジェクトを書くときに二次的なリンクに遭遇しました。この期間中、私はいくつかの問題に遭遇しました。私はそれを録音するためにブログを書きました。
バックステージコントローラー:
@RequestMapping( "/faultType")@responsebodic Map <string、object> faultType(int id、httpservletrequest request)throws ioexception {string returnmessage = ""; //すべてのサブクレス障害タイプリスト<faulttype> faulttype> faulervice.getByid(id); if(faulist.size()> 0){request.setattribute( "childtype"、faulist); returnmessage = "ok";} else {returnmessage = "not infound";} // hashmap <string、object>(); returnmap.put( "ChildType"、Faulist); ReturnMap;}フロントデスクJSP:
<div> <div> <label> faultタイプ:</label> <Select name = "faultType" id = "faultType" onchange = "javascript:tyechange()"> <c:foreach items = "$ {failtlist}" } </option> </c:foreach> </select> </div> <div> <abol> fault> fault:</label> <input id = "ChildTypecont" name = "childTypecont" bulation = "" type = "hidden" Placeholder = "fault"> } "var =" faulist "> <option value =" $ {faulist.faultid} "> $ {faulist.faultcontent} </option> </c:foreach> </select> </select> </div>JS:
function typechange(){var type = $( "#faultType")。val(); var html = "<option> - 選択 - </option>"; var commiturl = "faultType.do?id=" + type; $。ajax({type: "post"、contentType: "application/json"、url:commiturl、datatype: 'json'、cuscess:function(result){var curedata = $ .extend(true、[]); i = 0; i <curedata.childtype.length; i ++){html+= "<option value = '"+curedata.childtype [i] .faultid+"'> "+curedata.childtype [i] .faultcontent+" </option> ";} $("#faultType1 ")。以下は他の誰かによって書かれています(元の住所:http://blog.csdn.net/gis__/article/details/6647464)
あなたが悪い記憶を持っているなら、あなたはそれをブックマークすることができます:
1。プルダウンボックス:
var cc1 = $( "。formcselect [@name = 'country'] option [@selected]") //ドロップダウンメニューで選択したアイテムの値を取得するvar cc3 = $( '。formcselect [@name = "country"]')。 $( "<optionValueOptionValue = '1'> 1111 </option>")
少し説明させてください:
1.Select [@name = 'Country']オプション[@selected]とは、名前属性があることを意味します。
属性の値を持つ選択要素に選択された属性を持つオプション要素は「国」です。
@ startを持つことは、属性の後に属性の後に続くことを意味することがわかります。
2。ラジオボックス:
$( "input [@type = radio] [@checked]")。val(); //ラジオボックスの選択したアイテムの値を取得します(中央にスペースがないことに注意してください)$( "input [@type = radio] [@value = 2]")。 //ラジオボックス値= 2を選択した状態として設定します。 (真ん中にスペースがないことに注意してください)
3。チェックボックス:
$( "input [@type = checkbox] [@checked]")。val(); //チェックボックスで選択された最初のアイテムの値を取得します( "input [@type = checkbox] [@checked]") $( "#chk1")。attr( "checked"、 ''); // $をチェックしないでください( "#chk2")。attr( "checked"、true); // IF($( "#chk1")。attr( 'checked')== undefined){} //チェックされたかどうかを試してくださいもちろん、jQueryセレクターは強力です。それをする方法はたくさんあります。
<script src = "jquery-1.2.1.js" type = "text/javascript"> </script> <script language = "javascript" type = "text/javascript"> $(document(){$( "#selecttest")。 //alert("#selecttest [name "); option [@selected] ")。text()); $("#selecttest ")。 </script> <ahrefahref = "#"> aaass </a><! - ドロップダウンボックス - >
1. <select id = "selecttest" name = "selecttest">
2. <optionValueOptionValue = "1"> 11 </option>
3. <optionValueOptionValue = "2"> 22 </option>
4. <optionValueOptionValue = "3"> 33 </option>
5. <optionValueOptionValue = "4"> 44 </option>
6. <optionValueOptionValue = "5"> 55 </option>
7. <optionValueOptionValue = "6"> 66 </option>
8。</select>
9.JqueryRadioは値を取り、チェックボックスを使用し、選択を選択し、ラジオ選択、チェックボックスが選択され、選択され、ラジオ選択されたアイテムのグループの値を取得することに関連しています
10.var item = $( 'input [@name = items] [@checked]')。val();
11。選択したアイテムのテキストを取得します
12.Var item = $( "Select [@name = items] option [@selected]")。text();
13.ドロップダウンボックスを選択すると、2番目の要素があります。
14。$( '#select_id')[0] .SelectedIndex = 1;
15.ラジオラジオグループの2番目の要素は、現在選択されている値です
16。$( 'input [@name = items]')。get(1).Checked = true;
17。値を取得します:
18。テキストボックス、テキスト領域:$( "#txt")。attr( "value");
19。複数の選択ボックスチェックボックス:$( "#checkbox_id")。attr( "value");
20.Single-Choice Group Radio:$( "input [@type = radio] [@checked]")。val();
21。プルダウンボックスselect:$( '#sel')。val();
22。コントロールフォーム要素:
23。テキストボックス、テキスト領域:$( "#txt")。attr( "value"、 ''); // clear content
24。$( "#txt")。attr( "value"、 '11');
25。複数のチェックボックスチェックボックス:$( "#chk1")。attr( "checked"、 ''); //チェックしないでください
26。$( "#chk2")。attr( "checked"、true); // tick
27。if($( "#chk1")。attr( 'checked')== undefined)//小切手がチェックされているかどうかを判断します
28.Single-Choice Group Radio:$( "input [@type = radio]")。attr( "checked"、 '2');
29。プルダウンボックス選択:$( "#sel")。attr( "value"、 '-Sel3'); // value = -sel3を持つアイテムを現在選択しているアイテムに設定します
30。$( "<optionValueOptionValue = '1'> 1111 </option> <optionValueOptionValue = '2'> 2222 </option>")
ドロップダウンボックスオプションを追加します
31。$( "#sel")。empty(); //ドロップダウンボックスをクリアします
32。選択したアイテムのセットの値を取得します
33.var item = $( 'input [@name = items] [@checked]')。val();
34。選択したアイテムのテキストを取得します
35.var item = $( "select [@name = items] option [@selected]")。text();
36.ドロップダウンボックスを選択すると、現在選択されている値の2番目の要素があります
37。$( '#select_id')[0] .SelectedIndex = 1;
38。ラジオラジオグループの2番目の要素は現在選択されている値です
39。$( 'input [@name = items]')。get(1).Checked = true;
40。値を取得します:
41。テキストボックス、テキスト領域:$( "#txt")。attr( "value");
42。複数の選択ボックスチェックボックス:$( "#checkbox_id")。attr( "value");
43.Single-Choice Group Radio:$( "input [@type = radio] [@checked]")。val();
44。プルダウンボックス選択:$( '#sel')。val();
45。フォーム要素を制御:
46。テキストボックス、テキスト領域:$( "#txt")。attr( "value"、 ''); // clear content
47。$( "#txt")。attr( "value"、 '11');
48。複数のチェックボックスチェックボックス:$( "#chk1")。attr( "checked"、 ''); //チェックしないでください
49。$( "#chk2")。attr( "checked"、true); // tick
50.if($( "#chk1")。attr( 'checked')== undefined)//小切手がチェックされているかどうかを判断します
51.Single-Choice Group Radio:$( "input [@type = radio]")。attr( "checked"、 '2');
52。プルダウンボックス選択:$( "#sel")。attr( "value"、 '-sel3'); // value = -sel3でアイテムを現在選択しているアイテムに設定します
53。$( "<optionValueOptionValue = '1'> 1111 </option> <optionValueOptionValue = '2'> 2222 </option>")
54。$( "#sel")。empty(); //ドロップダウンボックスをクリアします
Spring MVCでAjaxが二次リンケージを達成するという上記の簡単な例は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。