1

これは私の単純な HTML 選択プログラムです。デフォルトでは、値を Volvo (最初の値) として表示しています。値を表示せず、ユーザーに選択させることは可能ですか??

<!DOCTYPE html>
<html>
<body>

<form action="demo_form.asp">
<select name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
<input type="submit">
</form>

</body>
</html>
4

6 に答える 6

6

それは本当に簡単です。空白のオプションを追加するだけです:

<form action="demo_form.asp">
<select name="cars">
  <option></option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
<input type="submit">
</form>
于 2013-07-09T18:32:18.080 に答える
4

最初の位置に空白のオプションを追加します。送信ハンドラーで確認できる値を必ず指定してください。編集: または単に selectedIndex を使用します。
すなわち 

if(document.getElementById("select1").selectedIndex != 0){
  form1.submit();
  }
else {alert("Please select a value!");}

彼らが何かを選択したことを確認します。

<form name="form1" id="form1" action="demo_form.asp">
<select id="select1"name="cars">
<option value="none"></option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
<input type="submit">
</form>
于 2013-07-09T18:39:31.830 に答える
1

次の 2 つの方法があります。

1) 最初の項目を無効にします。

<select name="cars">
  <option value="" disabled>[Select an item]</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

2) すでに提案されているように、最初の項目を空にします。

<select name="cars">
  <option value=""></option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
于 2013-07-09T18:34:17.097 に答える
0

divを作成します（私はそれを「noShow」と呼びました）、

<div class="noShow">
    <form action="demo_form.asp">
    <select name="cars">
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="opel">Opel</option>
      <option value="audi">Audi</option>
    </select>
    <input type="submit">
    </form>
</div>    <!--  end noShow DIV

次に、スタイル シート (CSS) を使用して、これを車に適用します。

.noShow option:first-child{
display:none;

それを試してみてください、幸運を祈ります

于 2013-07-09T18:32:59.110 に答える
0

あなたが求めていることを行うための「クリーンな」方法はありません.HTMLselectは常に値の1つを表示します.

ただし、「未選択」オプションを含めることはできます。

<option value=''>--Not Selected--</option>

ただし、ユーザーが実際に有効な値を選択したことを確認するために、いくつかの検証も行う必要があります。それは別の質問のトピックです。:)

于 2013-07-09T18:33:12.850 に答える
-1

情報を提供したい場合、最も簡単な方法は次のようなことです。

<form action="demo_form.asp">
<select name="cars">
  <option value="default">Pick Something!</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
<input type="submit">
</form>
于 2013-07-09T18:32:50.207 に答える