Question

我有一个select和一个输入，我希望javascript随时修改它们返回的值。例如，如果我选择选项＆＃34;是＆＃34;和＆＃34;否＆＃34;，如果此人选择＆＃34;否＆＃34;然后我希望在Javascript中返回该值，以便我可以为它做一个动作。

<select name="detailslot13">
<option selected="selected" value="N">No</option>
<option value="Y">Yes</option>
</select>

现在我只想在javascript中提醒值。输入也一样。

<input type="text" value="detailslot14" name="detailslot14" style="inherit !important;">

谢谢！

Answer 1

您可以在元素上附加一个eventlistener，它会在某些值发生更改时通知您：

var elems = ['detailslot13', 'detailslot14'],
    returnValueWhenChange = function(){
        alert(this.value);
    };

for(var i = 0, c = elems.length ; i < c ; i++){
    document.getElementById(elems[i]).addEventListener('change', returnValueWhenChange)
}

Here's an working example

Answer 2

DEMO

您可以使用以下内容：

$(function() {
    $(':input').on('input', function() {
        alert( this.value );
    });
});

Answer 3

试试这个：

<script type='text/javascript'>
  $(function() {
    $('select[name="detailslot13"], input[name="detailslot14"]').change(function() {
        alert(this.value);
        // write your code
    });
  });
</script>

输入将在用户完成编辑文本字段时显示警告，并将单击文本字段外的任何位置。

Working Fiddle

通过javascript更改返回的输入和选择值

3 个答案: