Writing /volume1/Web/Public/dokuwiki/data/log/deprecated/2024-11-14.log failed

現在位置: start » study » javascript » jquery » select

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン		前のリビジョン
study:javascript:jquery:select [2018/06/20 05:37] – [access selected value] bananastudy:javascript:jquery:select [2021/03/03 01:30] (現在) – [Test　Page] banana
行 3: 行 3:
 まずはデモから見てみよう。 まずはデモから見てみよう。
  
-===== Test　Page =====+===== Test Page =====
 <html> <html>
 <head> <head>
行 93: 行 93:
  
 function setValue() { function setValue() {
-  $("#example1").value("3");+  //selectedはずす 
 +  $("[name='entry[0].queNo'] option").attr("selected", false); 
 +  $("[name='entry[0].queNo']").val("3");
 } }
  
 +function queChange(obj) {
 +  var selected = $(obj).get(0).selectedIndex;
 +  $(obj).find("option").attr("selected", false);
 +}
  
 //--> //-->
行 101: 行 107:
 </head> </head>
 <body> <body>
-<select id="example1">+<select id="example1" name="entry[0].queNo" onchange="queChange(this);">
 <option value="1">This is the first item.</option> <option value="1">This is the first item.</option>
 <option value="2" selected="selected">This is the second item.</option> <option value="2" selected="selected">This is the second item.</option>
行 109: 行 115:
 <input type="button" name="test2" value="selected text" onclick="showText();"/> <input type="button" name="test2" value="selected text" onclick="showText();"/>
 <input type="button" name="test3" value="selected index" onclick="showIndex();"/> <input type="button" name="test3" value="selected index" onclick="showIndex();"/>
-<input type="button" name="test4" value="select value" onclick="setValue();"/>+<input type="button" name="test4" value="select 3rd item" onclick="setValue();"/>
 </body> </body>
  

トレース:

QR Code
QR Code study:javascript:jquery:select (generated for current page)