如何在javascript中获取文本框或选定选项中输入值的值?

时间:2013-12-31 04:01:31

标签: javascript jquery

我有一个弹出窗口,提示用户从下拉菜单中进行选择,或者如果不在数据库中,则有一个文本框供用户输入数字。

我想抓住用户选择的任何值即。要么选择(2个不是两个中的1个)并对该值执行某些操作。我的问题是如何在javascript或jquery中做到这一点。

这是我的html / php代码

  <table>
    <tr>
    <td class='Fnumber'> <span><?php xl('Send to', 'e'); ?>:</span></td>
    </tr>
    <tr>
    <td>
            <select id='numberinfo' name='send_to'>
            <?php
            echo "<option value='' selected='selected'>Select Number Destination</option>";
            foreach($send_to as $key => $value) {
                    echo "  <option value='$value' ";
                    echo ">$value </option>\n";
             }
            ?>
            </select>
    </td>
    </tr>
    <tr>
    <td class='Fnumber'><span><?php echo "OR" ?></span></td>
    </tr>
    <tr>
    <td class='Fnumber'><span><?php xl('Enter Your Number', e); ?>:</span></td><br/>
    <tr>
    <td class='Fnumber'>
    <input type="text" class="clearable" name="send_to" placeholder="Enter Your Number" maxlength="10" onkeypress="return isNumberKey(event)"/>
    </td>
    </tr>

    </table>

1 个答案:

答案 0 :(得分:1)

这个逻辑会吗?假设

<select id='numberinfo' name='send_to'>
   <option value='initialvalue' selected="selected">Select One</option>
   <option value='value1'>Select One</option>
   <option value='value2'>Select One</option>
</select>
<input id="inputtext" type="text" placeholder="Input Number"/>

和javascript

var finalvalue = "";
if ($("#numberinfo").val() == 'initialvalue') {
    if ($("#inputtext").val().length > 0) {
        finalvalue = $("#inputtext").val();
    }
} else {
    finalvalue = $("#numberinfo").val();
}
if (finalvalue.length == 0) {
    alert("Please input one of two")
} else {
    alert("Inputed: " + finalvalue)
}

你可以检查输入是否改变

How do I know that a form input has changed?

http://www.thoughtdelimited.org/dirtyFields/examples.cfm

或使用预定义值