3

ユーザーがオプションの1つを選択すると、私がやろうとしている皆さん、こんにちは。ユーザーはテキストを見ることができます。

例：ユーザーがメルセデスを選択した場合、ユーザーは「メルセデスは最高のドイツ車です」のようなテキストを見ることができます。

<body>

<select>
  <option>Volvo</option>
  <option selected="selected">Saab</option>
  <option>Mercedes</option>
  <option>Audi</option>
</select>

</body>
4

5 に答える 5

3

こんにちは、JavaScript を使用してこれを行うことができます

コードを変更します:

HTML :

<body>
<select name="type" id="type" onchange="call(this.value);">
  <option>Volvo</option>
  <option selected="selected">Saab</option>
  <option>Mercedes</option>
  <option>Audi</option>
</select>
<div id="message"></div>
</body>

脚本 ：

 <script type="text/javascript">
    function call(value){
      var x=document.getElementById("message");
      x.innerHTML = value+" is the best German Car";
    }
    </script>
于 2012-09-10T07:10:45.563 に答える
2

これにより、選択したテキストが警告されます。これを試して：

<body>
<select id="we">
  <option>Volvo</option>
  <option selected="selected">Saab</option>
  <option>Mercedes</option>
  <option>Audi</option>
</select>
<script type="text/javascript">
    var a=document.getElementById( 'we' );
    alert(a.options[a.selectedIndex].text)
</script>
</body>

お役に立てれば。

于 2012-09-10T07:17:28.727 に答える
1 
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
    </head>
    <body>
        <div id="carMessage"></div>
        <select id="cars">
          <option>Volvo</option>
          <option selected="selected">Saab</option>
          <option>Mercedes</option>
          <option>Audi</option>
        </select>

        <script>
            $('#cars').change(function() {
                var msg = $('#cars').text() + " are the best cars.";
                $('#carMessage').text(msg);
            });
        </script>
    </body>

</html>
于 2012-09-10T07:12:14.690 に答える
1

この例を参照してください。これでは、さまざまなオプションを選択しているときに、選択したオプションの値とタイトルが取得され、宛先 div に書き込まれます。

HTML:

<select name="type" id="selectBox" onchange="call(this.value)">
    <option title="your text for Volvo">Volvo</option>
    <option title="your text for Saab" selected="selected">Saab</option>
    <option title="your text for Mercedes">Mercedes</option>
    <option title="your text for Audi">Audi</option>
</select>

<div id="message"></div>

Javascript:

function call(value){

    var msgDiv = document.getElementById("message");
    var selectBox = document.getElementById("selectBox"); 
    var title = selectBox.options[selectBox.selectedIndex].getAttribute('title');     
    var message = value + " " + title;      

    msgDiv.innerHTML = message;

}

デモ

于 2012-09-10T07:39:23.467 に答える
0

JavaScriptを使用してそれを行うことができます。これらのチュートリアルに従ってください

于 2012-09-10T07:05:54.920 に答える