<SELECT><OPTION>の内容を削除するには?

[上に] [前に] [次に]
Saku [E-Mail] 1999/06/04(金) 11:02:39
こんにちは、質問させて下さい。
このようなソースなんですが・・・

document.form_name.select[0].value=""

<FORM NAME="form_name">
<SELECT NAME="select">
<OPTION VALUE="TEST001">TEST001
<OPTION VALUE="TEST002">TEST002
</SELECT>
</FORM>

例えばボタンが押された時に、この”TEST001”を削除したいのです。
実現する方法をご存知の方、お教え下さい。m(._.)m
よろしくお願いします。

sekita 1999/06/04(金) 12:14:07
削除したいというのは表示から削除するのでしょうか?
それともスクリプト自体から削除するのでしょうか?
それともぜんぜん意味が違うのでしょうか?
どちらでもJavaScriptで可能だとは思いますが。

saku [E-Mail] 1999/06/04(金) 12:33:24
sekitaさん、レスありがとうございます。

えーとですね、表示から削除できれば良いと思うのですが、そのとき、フォームデータがちゃんと変更されて送信できれば良いです。
例えば”TEST001”を削除した時、リストには”TEST002”のみが表示され、フォームデータも”TEST002”が送信できればよいのです。
どうでしょうか?

とこやん 1999/06/04(金) 12:55:10
こんにちわ!

私の場合、最初に
<FORM NAME="form_name">
<SELECT NAME="select">
<OPTION>-----</OPTION>
<OPTION>-----</OPTION>
</SELECT>
</FORM>
を用意して、ボタンのOnclickで値と名前を与えてあげてます。

function TextTOValue() {
 document.form_name.select.options[0].text = "TEST001";
 document.form_name.select.options[0].value = "TEST001";
 document.form_name.select.options[1].text = "TEST002";
 document.form_name.select.options[1].value = "TEST002";
}

こうゆうのでは駄目かしら?

Tmb 1999/06/04(金) 13:12:11
../199903/99030190.htm

にあります。僕もとこやんさんと同じような解決法を考えたのですが,
document.form_name.select.options[0]=null;
で簡単にできました (^^;;;

saku 1999/06/04(金) 13:15:21
とこやんさん、レスありがとうございます!!

うーん、値は最初から入れておきたいんですよね。
既にある項目を削除してゆくという感じなんです。

valueとtextにヌルを入れても空白で表示されてしまうのが困るのですよねぇ。

saku 1999/06/04(金) 13:22:56
[[解決]]
Tmbさん、レスありがとうございます!!
ちょっと順番が狂ってしまいました。

えー、しっかりありましたね。このHPに・・・。
そして、しっかりできました!!
optionsにNULLを入れるとは気が付きませんでしたなぁ。
ありがとうございました。

これで[解決]とさせていただきます。

皆さん、どうもありがとう!!

[上に] [前に] [次に]