javascriptでセレクトボックスの"selected"を動的に変更する方法を教えてください＞＜下記のselectedを"１０"から"５０"に変更したいのですが、某ASPサービスの環境下での作業のため制約があり直接変更できません。 10件 30件 50件そこで、JavaScriptで何とかしようと思うのですが、～の間（selectタグ含む）は、ASPサービスの制約でIDやclassを入れることもできず、変更できるのは、body開始タグ部分、headerタグ内、body内（一部）です。ページを読み込んだ際に、「５０件を選択」、「１０件からselected外す」状態にしたいです。いろいろサイトを見てなんとなくできそうな気はするのですが、スキル的に初心者レベルのため、わかりませんでした。何卒よろしくお願いします！

「selectという名前のセレクトボックスからvalueが50のoptionを選ばせる」というなら以下でいけます。 10件 30件 50件 10件 30件 50件 10件 30件 50件 var tags=document.getElementsByTagName("select"); var tag=null; for(var i=0;i

javascriptでセレクトボックスを動的に

解決済

質問者：ti_2003_3
質問日時：2014/09/04 14:43
回答数：2件

javascriptでセレクトボックスの"selected"を動的に変更する方法を教えてください＞＜

下記のselectedを"１０"から"５０"に変更したいのですが、
某ASPサービスの環境下での作業のため制約があり直接変更できません。

<body onload="event">
<select name="select">
<option value="10" selected="selected">10件</option>
<option value="30">30件</option>
<option value="50">50件</option>
</select>

そこで、JavaScriptで何とかしようと思うのですが、
<select>～ </select>の間（selectタグ含む）は、ASPサービスの制約でIDやclassを入れることもできず、
変更できるのは、body開始タグ部分、headerタグ内、body内（一部）です。

ページを読み込んだ際に、「５０件を選択」、「１０件からselected外す」状態にしたいです。
いろいろサイトを見てなんとなくできそうな気はするのですが、
スキル的に初心者レベルのため、わかりませんでした。

何卒よろしくお願いします！

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： muuming2001
回答日時：2014/09/04 15:07

jquery を使えるのであればもっとみじかくかけます。

一行です。

http://webhako.net/jquery/select-set-value/

この回答への補足

こんな感じで入れてみましたが動きませんでした。。。
onLoad="selected(50)"というのがダメなんでしょうか？

～～～
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5. …
</head>
<body onLoad="selected(50)">
<script>
function selected(n){
$("select[name='select']").val(n);
}
</script>
<select name="select">
<option value="10" selected="selected">10件</option>
<option value="30">30件</option>
<option value="50">50件</option>
</select>

補足日時：2014/09/04 16:58

通報する

- 0
- 件

通報する

この回答へのお礼

あらためて通常のサーバ環境で上記の記述を試したところ、
反映されました！
しかし、ASP環境下では反映されないようです。
制限がかけられているのかもしれませんね。。。
諦めて他のやり方を考えます。

ありがとうございました；；

通報する

お礼日時：2014/09/04 18:17

No.1

回答者： yambejp
回答日時：2014/09/04 15:02

「selectという名前のセレクトボックスからvalueが50のoptionを選ばせる」

というなら以下でいけます。

<select name="dummy">
<option value="10" selected="selected">10件</option>
<option value="30">30件</option>
<option value="50">50件</option>
</select>

<select name="select">
<option value="10" selected="selected">10件</option>
<option value="30">30件</option>
<option value="50">50件</option>
</select>

<select name="dummy">
<option value="10" selected="selected">10件</option>
<option value="30">30件</option>
<option value="50">50件</option>
</select>

<script>
var tags=document.getElementsByTagName("select");
var tag=null;
for(var i=0;i<tags.length;i++){
if(tags[i].name=="select"){
tag=tags[i];
break;
}
}
var opts=tag.options;
for(var i=0;i<opts.length;i++){
if(opts[i].value=="50"){
tag.selectedIndex=i;
break;
}
}
</script>