.val()jQuery.将文本字段传递给jQuery

基本上我的代码很好，当我创建它们以使用API搜索具有任何功能时，我似乎无法获得额外的标签。我想将它们传递到标签字段中，同样是$（"＃textbox1"）。val（）。感谢任何提示/帮助。谢谢

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<html>
<head>
    <script type="text/javascript" src="jquery-1.11.2.js"></script>
</head>
    
<body>
    <script type="text/javascript">
   
       
     $(document).ready(function(){
    $("#button").click(function(){
        $("#images").empty();
        $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
            {
                tags:$("#textbox1").val(),
                tagmode: "any",
                format: "json"
            }, function(data){
                console.log(data);
                $.each(data.items, function(i,item){
                    $('<img/>').attr("src", item.media.m).appendTo('#images');
                    if(i==2) return false;
                });
        });
    
    });
    $('#images').on('click', 'img', function(){
        
    });
});
    $(document).ready(function(){
	    var counter = 2;
		
	    $("#addButton").click(function () {
				
			 
			
			var newTextBoxDiv = $(document.createElement('div')).attr("id", 'TextBoxDiv' + counter);
                newTextBoxDiv.after().html('<label></label>' +
				'<input type="text" name="textbox' + counter + 
				'" id="textbox' + counter + '" value="" >');
            
			newTextBoxDiv.appendTo("#TextBoxesGroup");
				
		    counter++;
	    });
		
		$("#getButtonValue").click(function () {
		
			var msg = '';
			for(i=1; i<counter; i++){
				msg += "n Textbox #" + i + " : " + $('#textbox' + i).val();
			}
		   	alert(msg);
		});
		
  });
        
       
</script>    
<button type="button" id="button">Find image</button>
    <div id='TextBoxesGroup'>
	<div id="TextBoxDiv1">
        <input type='textbox' id='textbox1' >
        <input type='button' value='Add tag' id='addButton'/>
	</div>
</div>
    <div id="images"  /> </div>
    
    
</body>
</html>

请格式化您的代码
请只准备好
使用类

  $(document).ready(function() {
    $("#button").click(function() {
      $("#images").empty();
      var tags = [];
      $(".textbox").each(function() {
        tags.push(this.value);
      });
      console.log(tags)
      $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", {
        tags: tags.join(" "),
        tagmode: "any",
        format: "json"
      }, function(data) {
        console.log(data);
        $.each(data.items, function(i, item) {
          $('<img/>').attr("src", item.media.m).appendTo('#images');
          if (i == 2) return false;
        });
      });
    });
    $('#images').on('click', 'img', function() {
    });
    var counter = 2;
    $("#addButton").click(function() {
      var newTextBoxDiv = $(document.createElement('div')).attr("id", 'TextBoxDiv' + counter);
      newTextBoxDiv.after().html('<label></label>' +
        '<input type="text" class="textbox" name="textbox' + counter +
        '" id="textbox' + counter + '" value="" >');
      newTextBoxDiv.appendTo("#TextBoxesGroup");
      counter++;
    });
    $("#getButtonValue").click(function() {
      var msg = '';
      for (i = 1; i < counter; i++) {
        msg += "n Textbox #" + i + " : " + $('#textbox' + i).val();
      }
      alert(msg);
    });
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button type="button" id="button">Find image</button>
<div id='TextBoxesGroup'>
  <div id="TextBoxDiv1">
    <input type='textbox' class="textbox" id='textbox1'>
    <input type='button' value='Add tag' id='addButton' />
  </div>
</div>
<div id="images" /></div>

相关内容

最新更新

热门标签：