Question

问题详细描述：

使用leaflet中的sql查询，在网页中设置一个文本框，想把文本框输入的值作为查询条件，但是一值实现不了，用document.getElementById('num2').value传递不了，代码没有报错也没有结果，是不是attributeFilter无法接收到text文本框传进来的值呢？

function query() {
            var sqlParam = new L.supermap.GetFeaturesBySQLParameters({
                queryParameter: {
                    name: "T1500_path_01@01",
                    attributeFilter: "Name='document.getElementById('num2').value'"
                },
                datasetNames: ["01:T1500_path_01"]
            });

Answer 1

额...  你这个是把document.getElementById('num2').value作为一个字符串传进去了呀，根本没有拿到对应文本框的值,要先定义一个变量去接受这个值  然后再传进去 或者document.getElementById('num2').value不用引号引起来

Comments

因为我判断的条件是例如Name=‘李明’，所以这个引号必须要加吧？我按照您说的方法定义一个变量去接收，console,log(temp)打印出了我输入文本框的内容，还是地图上没有显示出查询，以下是部分代码，请您帮忙看一下

 <div>
        查询日期：<input type="text" id="num2"><br>
        <button class="button" onclick="b_Click()" value="确认">确认</button><br>
 </div>
<script>
var temp;
function b_Click() {
            temp=document.getElementById('num2').value;
            query();}
 function query() {
            console.log(temp);
            var sqlParam = new L.supermap.GetFeaturesBySQLParameters({
                queryParameter: {
                    name: "T1500_path_01@01",
                    attributeFilter: "Name='temp'"
                },
                datasetNames: ["01:T1500_path_01"]
            });
</script>

---

<script>
var temp;
function b_Click() {
            temp=document.getElementById('num2').value;
            console.log(temp)
}

</script>

这个输出看下呢

---

控制台输出了文本框的内容

Answer 2

您好，您可以设置一个string类型的变量，让它接收出入的文本，然后构造一个attributeFilter的变量，再传递给queryParameter。

var temp = "Name='";
temp += document.getElementById('num2').value;
temp += "'";
console.log(temp);
var sqlParam = new L.supermap.GetFeaturesBySQLParameters({
    queryParameter: {
        name: "T1500_path_01@01",
        attributeFilter: temp
    },
    datasetNames: ["01:T1500_path_01"]
});

希望可以为您提供帮助！

Comments

太感谢您了！成功实现了！

Answer 3

先在外面拿到num2的值，再放到attributefilter里面吧。