3

大家好，当用户选择选项之一时，我正在尝试做的事情，用户可以看到文本。

例如：如果用户选择梅赛德斯用户可以看到类似“梅赛德斯是最好的德国汽车”的文字

<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 回答