不错呦!smile@林凯西,确保“准备文件”中的几个文件都有安装,S...您好,看了您这篇帖子觉得很有帮助。但是有个问题想请...我的修改过了怎么还被恶意注册呢 @jjjjiiii 用PJ快9年了,主要是A...PJ3啊,貌似很少有人用PJ了,现在不是WP就是z...@332347365,我当时接入时错误码没有-10...楼主,ChkValue值应为-103是什么意思呢?...大哥 你最近能看到我发的信息,请跟我联系,我有个制...
jQuery和Vue操作select示例
编辑:dnawo 日期:2022-04-17
jQuery操作select示例
Vue操作select示例
复制内容到剪贴板 程序代码
<div id="example">
<select id="select1"></select>
<p id="p1">Result:</p>
</div>
<script>
$(document).ready(function(){
let data = [
{id:1, name:'A'},
{id:2, name:'B'},
{id:3, name:'C'}
];
//添加option
for(let item of data){
$("#select1").append(`<option value="${item.id}">${item.name}</option>`);
}
//监听change
$("#select1").change(function(){
let val = $("#select1 option:selected").val();
let txt = $("#select1 option:selected").text();
$("#p1").text(`Result: ${val},${txt}`);
});
});
</script>
<select id="select1"></select>
<p id="p1">Result:</p>
</div>
<script>
$(document).ready(function(){
let data = [
{id:1, name:'A'},
{id:2, name:'B'},
{id:3, name:'C'}
];
//添加option
for(let item of data){
$("#select1").append(`<option value="${item.id}">${item.name}</option>`);
}
//监听change
$("#select1").change(function(){
let val = $("#select1 option:selected").val();
let txt = $("#select1 option:selected").text();
$("#p1").text(`Result: ${val},${txt}`);
});
});
</script>
Vue操作select示例
复制内容到剪贴板 程序代码
<div id="example">
<select v-model="result">
<option v-for="item in data" :value="item.id">{{item.name}}</option>
</select>
<p>Result: {{result}}</p>
</div>
<script>
new Vue({
el: '#example',
data: {
data:[
{id:1, name:'A'},
{id:2, name:'B'},
{id:3, name:'C'}
],
result: '' //string
}
})
</script>
<select v-model="result">
<option v-for="item in data" :value="item.id">{{item.name}}</option>
</select>
<p>Result: {{result}}</p>
</div>
<script>
new Vue({
el: '#example',
data: {
data:[
{id:1, name:'A'},
{id:2, name:'B'},
{id:3, name:'C'}
],
result: '' //string
}
})
</script>
评论: 0 | 引用: 0 | 查看次数: 1359
发表评论
请登录后再发表评论!