gpt4 book ai didi

javascript - jQuery - 在不刷新页面的情况下更改按钮文本

转载 作者:行者123 更新时间:2023-11-29 18:59:06 25 4
gpt4 key购买 nike

我想如下更改我的按钮文本,我有两个选择选项,草稿和发布。当我选择草稿选项时,必须更改按钮文本。但是如果不刷新页面我就无法更改它。我该怎么做?

<body>
<button id="button" value=""></button>
<select name="select" id="draftOrPublish">
<option value="0">Draft</option>
<option value="1">Publish</option>
</select>
</body>
<script>
var draftOrPublish = $('select#draftOrPublish').val();

if (draftOrPublish == 0) {

$('button#button').text('Save as Draft')

} else if (draftOrPublish == 1) {

$('button#button').text('Publish')
}
</script>

最佳答案

你必须把代码放在 $(document).ready$( 'select#draftOrPublish' ).change


$(document).ready - 在文档“就绪”之前无法安全地操作页面。

$( 'select#draftOrPublish' ).change - 将事件处理程序绑定(bind)到“更改”JavaScript 事件,或在元素上触发该事件。

$(document).ready(function(){
$( 'select#draftOrPublish' ).change(function(){

var draftOrPublish = $('select#draftOrPublish').val();

if (draftOrPublish == 0) {

$('button#button').text('Save as Draft')

} else if (draftOrPublish == 1) {

$('button#button').text('Publish')
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<button id="button" value=""></button>
<select name="select" id="draftOrPublish">
<option value="0">Draft</option>
<option value="1">Publish</option>
</select>

关于javascript - jQuery - 在不刷新页面的情况下更改按钮文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47861495/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com