Блог

Главная - Вопросы по программированию - Как мне создать поле ввода в виде текста, когда пользователь нажимает на опцию «Другое»?

Как мне создать поле ввода в виде текста, когда пользователь нажимает на опцию «Другое»?

#jquery #html #select

#jquery #HTML #выберите

Вопрос:

 <tr>
    <td colspan=2 style="font-weight: bold;text-align:left;">
            Chief Complaint: <span style="color: Red;">*</span>
        <select name="chief" style="width:160px">
                <option value="0" selected>--Select Complaint--</option>
                <option value="RTA">RTA</option>
                <option value="Blast">Blast</option>
                <option value="Shot">Shot</option>
                <option value="shrapnel">shrapnel</option>
                <option value=" " onclick="" >other</option>
            </select>
    </td>
</tr>

Что я должен делать в этом коде? Когда пользователь нажимает на опцию «другое», рядом со списком должно быть текстовое поле. И как я могу принять это значение?

Комментарии:

1. пожалуйста, помогите мне как можно раньше

Ответ №1:

Попробуйте этот код:

 $(document).ready(function(){
  $('#chief').change(function() {
      if($('#chief').val() == "others")  {
        $("#show_inp").show();
      }
      });
 });


<tr>
    <td colspan=2 style="font-weight: bold;text-align:left;">
            Chief Complaint: <span style="color: Red;">*</span>
        <input type="text" name="" id="show_inp">
        <select name="chief" id="chief" style="width:160px">
                <option value="0" selected>--Select Complaint--</option>
                <option value="RTA">RTA</option>
                <option value="Blast">Blast</option>
                <option value="Shot">Shot</option>
                <option value="shrapnel">shrapnel</option>
                <option value="others" id="other" onclick="" >other</option>
            </select>
    </td>
</tr>

вот скрипка : http://jsfiddle.net/dJtQj /

Комментарии:

1. и как я могу получить доступ к значению текстового поля?

2. jsfiddle.net/kwvAr/1 проверьте это, вы можете получить значение текстового поля по идентификатору или классу..

Ответ №2:

Я предлагаю использовать jquery и удалить onclick из option :

 $("select").on("change",
               function(){
                   if($(this).find("option:selected").val() == "other"){
                       var input = $("<input/>",{
                                       type: "text"
                                   });
                       $("body").append(input);                           
                   }
               });

скрипка

Также взгляните сюда, чтобы извлечь значения из текстовых полей.