Home  >  Article  >  Backend Development  >  通过读取数据库+循环的方法做了一个select下拉列表,但始终无法通过js赋予指定值,如何解决?(撒分,不够另补)

通过读取数据库+循环的方法做了一个select下拉列表,但始终无法通过js赋予指定值,如何解决?(撒分,不够另补)

WBOY
WBOYOriginal
2016-06-13 12:40:03859browse

通过读取数据库+循环的方法做了一个select下拉列表,但始终无法通过js赋予指定值,怎么解决?(撒分,不够另补)
想了想,这个和js其实不怎么相关,还是php问题。

问题背景:该页面左边是一些记录的列表,右边是很多空框,供填入一些信息,之后保存。然后点击左边记录的其中一项,相关信息就能在右边出现。上述功能我都已经实现了。
问题:右边很多空框中有一项是select下拉列表进行选择哪辆车。我的做法是从数据库中读取carNum(integer类型),以此作为select中option的value,而显示的值是数据库中对应该车辆的licenseNum(车牌号),上述用php循环的方法查询并且实现的。但我用js指定该id的select的值时,该select一点反应没有。我把这个select换成确定的select(即去除php循环,而是在htm中直接设定value和选项名称),则js可以指定该select的值,并显示出该值。

但我希望能循环设置该select,而且js能指定该值(显然,这样的话就可以动态显示了。)
该如何解决呢? 撒分,不够的话回帖或者私信给我,可另补。

直接上代码:

<br />
<!---下面是htm直接设定html的select的代码----><br />
<select id="showOrder_21" name="truck" class="dropdown" style="margin-left:0px !important; border:1px solid #BABABA !important;"><br />
        <option  value ="1">QAZ123</option><br />
        <option  value ="2">WSX234</option><br />
        <option  value ="3">EDC345</option><br />
        <option  value ="4">TGB456</option><br />
</select></td><br />


下面是采用循环的方式实现的select:
<br />
 <select id="showOrder_21" name="truck" class="dropdown" style="margin-left:0px !important; border:1px solid #BABABA !important;"><br />
<?php <br />
$query = "select * from transport.truck order by carNum";<br />
$data = getAll($query);<br />
foreach($data as $each)<br />
{<br />
?><br />
<option value="<?php  echo $each['carNum'];  ?> "><?php echo $each['licNum'];?></option><br />
<?php } ?><br />
</select></td><br />
<br />



下面是我用的js 部分:

<br>
<script><br />
    $(document).ready(function(){<br />
        $(".LeftTask").click(function(){<br />
       <br />
            $(this).css("background","#A8A8A8");<br />
            $(this).siblings().css("background","white");<br />
            var orderID = $(this).find('input').val();<br />
            $.ajax({<br />
                type:"get",<br />
                url:"main/ajax.php", <div class="clear">
                 
              
              
        
            </script>
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn