选择字段或文本字段

时间:2015-05-06 12:49:45

标签: html

我有一个有很多选项的选择。如果用户没有在选项中找到价值,他可以填写"其他"领域:

line-height

在这种情况下,如果我在选择中选择一个值,则由于文本区域而显示为空白。

由于

2 个答案:

答案 0 :(得分:2)

我想象它,需要改进 http://jsfiddle.net/neiesc/jv6qgn03/

<select name="value">
  <option>Choose...</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
<br />
<label for="chkOther">
    Other
    <input id="chkOther" type="checkbox" value="0" />
</label>
<input id="txtOther" type="text" name="value" disabled>

Javascript代码:

$( "#chkOther" ).click(function() {
    $( "#txtOther" ).prop( "disabled", !$( "#txtOther" ).prop( "disabled"));
});

答案 1 :(得分:0)

selecttext输入使用不同的名称。

<form method="post">
    <select name="select">
        <option>Choose...</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
    <input type="text" name="field">
    <input type="submit" name="submit">
</form>

在PHP中检查所选内容:

<?php

if (isset($_POST['submit'])) {
    // form was sent

    if (!empty($_POST['select'])) {
        // select or both, use select
    } elseif (!empty($_POST['input'])) {
        // empty select txt input filled
    } else {
        // nothing chose in select and text input is blank
    }
}    
?>