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

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

WBOY
WBOYoriginal
2016-06-13 12:40:03834parcourir

通过读取数据库+循环的方法做了一个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>
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn