0

我做了小提琴，把它放在下面。我有一个选择选项，有 2 个选项所有者和非所有者。然后根据所选择的问题提出问题。我将答案添加到您并反馈给您。我的麻烦是我正在尝试使用 if 语句来说明他们是所有者还是非所有者，并且我不确定如果 select = owner 应该用什么来表达。

<div class="list owner">
Number 1: <input id="box1" type="text" /><br/>
Number 2: <input id="box2" type="text" /><br/>
Number 3: <input id="box3" type="text" /><br/>
</div>

<div class="list not-owner">

Number 4: <input id="box1" type="text" /><br/>
Number 5: <input id="box2" type="text" /><br/>
Number 6: <input id="box3" type="text" /><br/>
</div>
<button id="butt">Go</button>
<div id="output">

http://jsfiddle.net/philyphil/CcVsz/11/embedded/result/

4

4 回答 4

1

将您的 HTML 代码更改为

<select class="myOptions">
  <option value="" selected>Pick an option</option>
  <option value="owner">Owner</option>
  <option value="not-owner">Not Owner</option>
</select>

获得价值使用

$('.myOptions').val();

使用它，构建你的if..else..陈述。

检查这个JSFiddle。

于 2013-06-29T06:29:14.877 回答
0

尝试这个

将您的选择更改为此

<select id="typeselect" class="myOptions">
  <option data-val="" selected="">Pick an option</option>
  <option data-val="owner">Owner</option>
  <option data-val="not-owner">Not Owner</option>
</select>

那么javasceipt应该是

var e = document.getElementById("typeselect");
    var ev = e.options[e.selectedIndex].text;

然后

if(ev==='Owner'){
//code goes here
}
else{
//code goes here
}

不要忘记使用三个等号 ====

于 2013-06-29T06:31:50.147 回答
0 
<script>
function f(a)
{
if(a=="owner")
{
do something
}
}
</script>

<select onchange=f(this.value)>
<option >Pick an option</option>
<option >Owner</option>
<option >Not Owner</option>
</select>
于 2013-06-29T06:31:59.300 回答
0

由于您使用了语义正确的数据属性，因此要使用当前 html 从所选选项中获取值，您将使用

var opt = $('.myoptions').find('option:selected').data('val');

然后你的测试将是

if ( opt == 'owner' ) {
}

我很确定您可以将其缩短为

var opt = $('.myoptions option:selected').data('val');

但是，对于不熟悉 html 5 自定义数据属性的任何人来说，这看起来会很奇怪，因此您可以考虑使用更熟悉的

<option value="owner">Owner</option>

并测试和使用 

var opt = $('myoptions').val();
于 2013-06-29T06:51:05.150 回答