Skip to main content

How to get the text of a selection in Html

It is a very common requirement to get the text of a selected box, but,unfortunately,one you submit an action, you can only get the value of a select box.

Below is the way to solve this problem(just hint)

<html>
  <head>
    <title></title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>

  <body>
  <script>
     function ss(){

          var obj = document.getElementById("sa"); //selectid
          var index =obj.selectedIndex;
          alert(obj.options[index].text);
      }
  </script>
    TODO write content
    <select name="sa" id="sa" onChange="ss(this.selectedIndex)">
        <option value="A">aardvark</option>
        <option value="B">BBC</option>

    </select>
  </body>
</html>

Comments

  1. woooooow,.. sounds very complicated.

    ReplyDelete
  2. Hi Sparkling,
    This is the simplest way I can find. The core codes are just:
    var obj = document.getElementById("sa");
    var index =obj.selectedIndex;
    var text =obj.options[index].text;

    If we don't use this way, have to put the values&texts of the select box to an array(map) or use 'value || text' as the value of the option.

    Show me if you have simpler solution.

    ReplyDelete

Post a Comment

Popular posts from this blog

Stretch a row if data overflows in jasper reports

It is very common that some columns of the report need to stretch to show all the content in that column. But  if you just specify the property " stretch with overflow' to that column(we called text field in jasper report world) , it will just stretch that column and won't change other columns, so the row could be ridiculous. Haven't find the solution from internet yet. So I just review the properties in iReport one by one and find two useful properties(the bold highlighted in example below) which resolve the problems.   example:
<band height="20" splitType="Stretch"> <textField isStretchWithOverflow="true" pattern="" isBlankWhenNull="true"> <reportElement stretchType="RelativeToTallestObject" mode="Opaque" x="192" y="0" width="183" height="20"/> <box leftPadding="2"> <pen lineWidth="0.25"/> …

JasperReports - Configuration Reference

Spring - Operations with jdbcTemplate

This class manages all the database communication and exception handling using a java.sql.Connection that is obtained from the provided DataSource. JdbcTemplate is a stateless and threadsafe class and you can safely instantiate a single instance to be used for each DAO.


Use of Callback Methods
JdbcTemplate is based on a template style of programming common to many other parts of Spring. Some method calls are handled entirely by the JdbcTemplate, while others require the calling class to provide callback methods that contain the implementation for parts of the JDBC workflow. This is another form of Inversion of Control. Your application code hands over the responsibility of managing the database access to the template class. The template class in turn calls back to your application code when it needs some detail processing filled in. These callback methods are allowed to throw a java.sql.SQLException, since the framework will be able to catch this exception and use its built-in excepti…