差分

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

--- study:javascript:jquery:select [2012/05/31 05:37] – [access selected value] banana
+++ study:javascript:jquery:select [2021/03/03 01:30] (現在) – [Test　Page] banana
@@ 行 3: / 行 3: @@
 まずはデモから見てみよう。
-===== Test　Page =====
+===== Test Page =====
 <html>
 <head>
@@ 行 90: / 行 90: @@
 function showIndex() {
   alert($("#example1").get(0).selectedIndex);
+}
+function setValue() {
+  //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);
 }
@@ 行 96: / 行 107: @@
 </head>
 <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="2" selected="selected">This is the second item.</option>
@@ 行 104: / 行 115: @@
 <input type="button" name="test2" value="selected text" onclick="showText();"/>
 <input type="button" name="test3" value="selected index" onclick="showIndex();"/>
+<input type="button" name="test4" value="select 3rd item" onclick="setValue();"/>
 </body>
@@ 行 112: / 行 124: @@
   $("#example1").val();
   $("#example1 :selected").text();
+  $("#example1").get(0).selectedIndex
 </code>