データベースを読み込んでループして選択ドロップダウンリストを作成しましたが、jsを介して指定された値を割り当てることができません。どうすれば解決できますか? (スペアポイント、足りない場合は追加ポイントとなります)

WBOY
リリース: 2016-06-13 12:40:03
オリジナル
862 人が閲覧しました

データベースを読み込んでループして選択ドロップダウンリストを作成しましたが、jsを介して指定された値を割り当てることができません。どうすれば解決できますか? (ポイントが足りない場合は補ってください)
よく考えてみると、これは実際には js とは何の関係もなく、やはり php の問題です。

問題の背景: ページの左側にはいくつかのレコードのリストがあり、右側には情報を入力して後で保存するための空のボックスが多数あります。次に、左側のレコードの 1 つをクリックすると、関連する情報が右側に表示されます。上記の機能をすべて実装しました。
質問: 右側にある多くの空のボックスの 1 つは、どの車を選択するための選択ドロップダウン リストです。私のアプローチは、データベースから carNum (整数型) を読み取り、それを選択のオプションの値として使用することです。表示される値は、データベース内の車両に対応する LicenseNum (ナンバー プレート番号) です。のPHPループメソッドを使用して実装されています。しかし、jsを使用してIDのselectの値を指定すると、selectはまったく応答しません。このselectを特定のselect(つまり、PHPループを削除し、HTMで値とオプション名を直接設定)に変更すると、JSで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 />
ログイン後にコピー


以下は、ループを使用して実装された選択です:
<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>
<スクリプトタイプ="text/javascript"><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>
タイプ: "get",<br>
url: "main/ajax.php"、<div class="clear"></div>
ログイン後にコピー
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート