Как получить значение из выпадающего списка? - PullRequest
Новая
       4

Как получить значение из выпадающего списка?

0 голосов
/ 29 мая 2011

Я хочу знать, как получить значение из выпадающего списка, а затем вставить это значение в текстовое поле.Я использую HTML и PHP.

Это мой код.Я сделал то, что сделал Луканос, но это не сработало. 

<html>
  <body>
    <title>Num One Website</title>
    <? $con = mysql_connect( "localhost", "username", "password" );
       if ( !$con ) {
         die( 'Could not connect: ' . mysql_error() );
       }
       mysql_select_db( "dbname", $con );
       $result1 = mysql_query( "SELECT * FROM Students" ) ;

       echo "<FORM>";
       echo "<select id='userid' name='userid' onchange='this.form.elements['showuserid'].value=this.options[this.selectedIndex].value'>";

       while( $row1 = mysql_fetch_array( $result1 ) ) { 
         echo "<option value='".$row1['ID']."'>".$row1['ID']."</option>"; 
         $count = $count + 1;
       } 
       echo "</select>"; 
       echo "</FORM>";

       mysql_close( $con );
    ?>

    <form action="ConfirmEnter.php" method="post">
      <p>
        <input id="showuserid" name="showuserid" readonly="readonly" size=5/>
        <input type="text" name="name" />
        <input type="text" name="mt" size=5 value="0.0"/>
        <input type="text" name="pr" size=5 value="0.0" />
        <input type="text" name="fi" size=5 value="0.0" />
        <input type="text" name="tot" size=5 />
      </p><br><br>
      <input type="submit" value="Submit" /><br>
    </form>

  </body>
</html>

Ответы [ 2 ]

2 голосов
/ 29 мая 2011

С простым JavaScript (без библиотек): 

<form>
<select id="userid" name="userid" onchange="this.form.elements['showuserid'].value=this.options[this.selectedIndex].value">
    <option value="">Select a User</option>
    <option value="1">First User</option>
    <option value="9">Ninth User</option>
</select><br>
<input id="showuserid" name="showuserid" readonly="readonly">
</form>

С помощью jQuery: 

<form>
<select id="userid" name="userid">
    <option value="">Select a User</option>
    <option value="1">First User</option>
    <option value="9">Ninth User</option>
</select><br>
<input id="showuserid" name="showuserid" readonly="readonly">
</form>
<script type="text/javascript">
$(document).ready(function(){
  $('#userid').change(function(){
    $('#showuserid').val( $(this).val() );
  });
});
</script>
0 голосов
/ 29 мая 2011

Описание немного расплывчато, но я предполагаю, что вы пытаетесь сделать что-то вроде этого: http://jsfiddle.net/wp7dM/

Демонстрация использует jQuery , фреймворк javascript, который я настоятельно рекомендую.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...