#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);
}
});
Также взгляните сюда, чтобы извлечь значения из текстовых полей.