如何更新元素属性的值,然后触发点击它?

时间:2017-11-20 04:27:20

标签: javascript jquery html jquery-file-upload

我想用jQuery更新属性的值"接受"输入元素的类型="文件",然后激活"点击"它的事件。但是在接受"接受"的价值之后改变了,没有任何反应。 这是我的代码

//html elements
<button type="button" class="abc" title="Select files from your computer" id="upload" onclick="updateExtension()"></button>
<input type="file" name="image" id="image" multiple="multiple" /> //this input field is hidden and is applied with jquery-file-upload

//jQuery function
function updateExtension(){
  $('#image').attr('accept', '.jpg, .png');
  $('#image').click();
}

2 个答案:

答案 0 :(得分:3)

您可以简单地使用:

$( "#image" ).trigger( "click" );

有关jQuery触发器click here的更多信息。

答案 1 :(得分:0)

简单的方法使用这个: -

&#13;
&#13;
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script>
$(document).ready(function(){
    $("#click").click(function(){
               //if update(div)content
               $(".update_new_value").html("<h1>Enter content</h1>");
               //if change attr value
          $("#urls_change").attr("href", "https://www.changers.com/"); 

    });
});
</script>
</head>
<body>

<div class="update_new_value"></div>
 <p><a href="https://www.anyurls.com" id="urls_change">change urls</a></p>

<button name="btn" id="click" type="button">Click Me</button>


</body>
</html>
&#13;
&#13;
&#13;