我正在嘗試根據(jù)選擇顯示 txt 文件中的數(shù)據(jù)值<?php$lines = file('customers.txt');?><select class="select" style="width: 250px;" name="mylist" id="mylist" required=""> <option selected="selected" value="">Select Your Company</option> <?php foreach($lines as $line){ $customers = explode(',', $line); echo "<option value='".$customers[0]."'>$customers[0] </option>"; }?></select><input type="text" id="inputid" placeholder="Company Name">和我嘗試的js<script> $(".select").change(function(){ var res = $(".select").find(":selected").map(function () { if($(this).val()!="") return $(this).text(); else return ""; }).get().join(""); $("#inputid").val(res); });</script>我的customers.txt數(shù)據(jù)文件：-客戶1、街道、分機(jī)號(hào)、郵政編碼Customer2，B 街道，B 分機(jī)，B 郵政編碼Customer3，C 街，C 分機(jī)，C 郵政編碼...ETC在選擇 Customer1 時(shí)，我想顯示在 :-Customer1A 街道A 分機(jī)號(hào)A 郵政編碼
2 回答
人到中年有點(diǎn)甜
TA貢獻(xiàn)1895條經(jīng)驗(yàn) 獲得超7個(gè)贊
您需要以某種方式在客戶端代碼（js）中傳遞您想要的數(shù)據(jù)。現(xiàn)在，您只需將客戶名稱嵌入 html 中，即可從 js 訪問(wèn)該名稱（通過(guò)選項(xiàng)值）。如果您還想訪問(wèn)剩余數(shù)據(jù)，則需要傳遞它。一種解決方案可能是jquery 支持的data html 屬性 。
<?php
$lines = file('customers.txt');
?>
<select class="select" style="width: 250px;" name="mylist" id="mylist" required="">
? ? ? ? <option selected="selected" value="">Select Your Company</option>
? ? ? ? <?php foreach($lines as $line){
? ? ? ?$customers = explode(',', $line);
? ? ? ? echo '<option value="'.$customers[0].'" data-line="'.$line.'">'.$customers[0].'</option>'; }?>
</select>
<input type="text" id="inputid" placeholder="Company Name">
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script>
? $("#mylist").change(function(){
? ? ? var line = $(this).find('option:selected').data('line');
? ? $("#inputid").val(line);
? });
</script>
在這里，我添加一個(gè)名為 line 的數(shù)據(jù)屬性data-line="'.$line.'"，其中包含文件中的整行，并將其添加到每個(gè)選項(xiàng)標(biāo)記中。
然后在js中可以讀取所選選項(xiàng)的數(shù)據(jù)屬性var line = $(this).find('option:selected').data('line');。
如果您需要更多地控制文件中的可用內(nèi)容，您可以使用文件中選定的列引入多個(gè)數(shù)據(jù)屬性，或者將其作為 json 字符串并在 js 中讀取您想要的內(nèi)容。
慕姐8265434
TA貢獻(xiàn)1813條經(jīng)驗(yàn) 獲得超2個(gè)贊
我想這可能對(duì)你有用？
<?php
$lines = file('customers.txt');
?>
<select class="select" style="width: 250px;" name="mylist" id="mylist" required="">
<option selected="selected" value="">Select Your Company</option>
<?php
foreach ($lines as $line_num => $line) {
$customers = explode(',', $line);
echo " <option value='{$customers[0]}' data-street='{$customers[1]}' data-extension='{$customers[2]}' data-zipcode='{$customers[3]}'>{$customers[0]}</option>";
}
?>
</select>
<textarea id="inputid" rows="4" cols="50" placeholder="Company Name"></textarea>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script>
<script>
$("#mylist").change(function() {
var street = $('select option[value=' + this.value + ']').data('street');
var extension = $('select option[value=' + this.value + ']').data('extension');
var zipcode = $('select option[value=' + this.value + ']').data('zipcode');
$("#inputid").val(street + '\n' + extension + '\n' + zipcode);
});
</script>
- 2 回答
- 0 關(guān)注
- 159 瀏覽
添加回答
舉報(bào)
0/150
提交
取消