我如何设置值以jquery

时间:2016-03-12 14:17:57

标签: javascript jquery html css

我将地址图像文件设置为一个文本框,单击一个按钮就可以了。

我需要一个监听器从文本框中获取值并显示警报。我不需要使用更改事件我不会使用函数插入键盘值

$("#add").click(function(){
   $("input").val('http://localhost/afa/uploads/source/error-img.png'); 
});

在插入地址文件后,我显示带有内容值输入的警报

var val = $("#fieldID4").val();
files2.push({src:val});
updateList2(files2.length-1);


  function updateList2(n) {
    var e = thumb.clone();
    e.find('img').attr('src',files2[n].src);
    e.find('button').click(removeFromList).data('n',n);
    gallery.append(e);

    function removeFromList() {
        files2[$(this).data('n')] = null;
        $(this).parent().remove();
    }    
}

2 个答案:

答案 0 :(得分:2)

我使用onchange事件解决了这个问题

[http://www.w3schools.com/jsref/event_onchange.asp][1]

   <input  id="fieldID4" type="text" onchange="myFunction()" value="" >

function myFunction() {
    var val = document.getElementById("fieldID4").value;

files2.push({src:val});
updateList2(files2.length-1);


}

答案 1 :(得分:0)

fire event on programmatic change中所述,您可以执行以下操作:

&#13;
&#13;
window.onload = function (e) {
  var myInput = document.getElementById('myInput');
  Object.defineProperty(myInput, 'value', {
    enumerable: true,
    configurable: true,
    get: function(){
      return this.getAttribute('value');
    },
    set: function(val){
      this.setAttribute('value', val);
      var event = new Event('InputChanged');
      this.dispatchEvent(event);
    }
  });
}

$(function () {
  $('#myInput').on('InputChanged', function(e) {
    alert('InputChanged Event: ' + this.value);
  });

  $('#myInput').on('change', function(e) {
    alert('Standard input change event: ' + this.value);
  });

  $('#btn').on('click', function(e) {
    e.preventDefault();
    var newValue = $('#newInput').val() || 'NewText';
    $('#myInput').val(newValue);
  })
});
&#13;
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

<form>
    Original Input: <input id="myInput"><br>
    Write here....: <input id="newInput"><br>
    <button id="btn">Change Input Text</button>
</form>
&#13;
&#13;
&#13;